为什么设置initial-scale=1后，这个比例却不是1？-慕课网

为什么设置initial-scale=1后，这个比例却不是1？

来源：2-3 Viewport_Meta标签

风到这里就是粘

2017-11-17 19:06

     <meta name="viewport" content="width=device-width,initial-scale=1" />
    body {
        margin: 0;
    }
    .test {
        width: 350px;
        height: 568px;
        background-color: pink;
        color: #fff;
        font-size: 60px;
        text-align: center;
        line-height: 568px;
        font-family: cursive;
    }

写回答关注

7回答

相遇是缘_04342302

2018-12-26 21:38:01

换台浏览器

0 0
相遇是缘_04342302

2018-12-26 20:16:48

你的body CSS样式没初始化，他有内边距，或外边距，为body设样式内外边距均为0，试一下

0 0
Zz皓

2018-05-13 12:33:04

试试这段代码吧：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />

0 2
有一个昵称

2018-03-29 17:47:21

我的也是你知道什么问题所在了吗

0 0
慕勒7123956

2017-12-20 11:05:18

这上面写的很清楚,width=device-width

0 0
骑着蜗牛play

2017-11-19 20:22:59

使用viewport，先渲染页面，再缩放。就是先正确地把页面排版出来，再对它进行缩放

0 0
corner_sun

2017-11-19 20:19:11

这个设置只管宽带，不管高度的

0 0