OL.Demo.WebForm/View/Style/ResponsivePage.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .title {
            text-align: center;
            font-size: 25px;
            margin-top: 80px;
        }

        .layout {
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }

        .box {
            float: left;
            width: 290px;
            margin-right: 40px;
        }

        .box-title {
            border: 2px solid #3399FF;
            background-color: #3399FF;
            color: #fff;
            padding-left: 5px;
            line-height: 30px;
        }

        .box-content {
            border: 2px solid #3399FF;
            padding-bottom: 10px;
        }

        .clear {
            clear: both;
        }

        .line {
            border: 1px dashed #000;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        @media screen and (max-width: 650px) {
            .title {
                margin-top: 10px;
            }

            .layout {
                width: 100%;
                margin-top: 10px;
            }