viewport窗口自适应


HTML+CSS代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>viewport窗口自适应</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,shrink-to-fit=no,viewport-fit=cover">
    <meta content="telephone-no,email=no" name="format-detection">

    <style type="text/css">
        body{
            padding: 0;
            margin: 0;
        }
        div{
            max-width: 720px;
            min-width: 320px;
            margin: 0 auto;
            width: 100%;
            background-color: pink;
        }
    </style>
</head>
<body>
    <div>
        viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应viewport窗口自适应
    </div>
</body>
</html>

声明:子客|版权所有,违者必究|如未注明,均为原创|网站采用BY-NC-SA协议授权

转载:请注明原文链接 - viewport窗口自适应


Carpe Diem and Do what I like