为了账号安全,请及时绑定邮箱和手机立即绑定

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

     <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;
    }

http://img1.sycdn.imooc.com//5a0ec23f0001608a08660691.jpg

正在回答

7 回答

换台浏览器

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

2 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信