<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; }
换台浏览器
你的body CSS样式没初始化,他有内边距,或外边距,为body设样式内外边距均为0,试一下
试试这段代码吧:<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
我的也是 你知道什么问题所在了吗
这上面写的很清楚,width=device-width
使用viewport,先渲染页面,再缩放。就是先正确地把页面排版出来,再对它进行缩放
这个设置只管宽带,不管高度的