为什么Chrome DevTools Responsive视口认为它的宽度为980px？
use*_*003 23 css google-chrome responsive-design twitter-bootstrap
我使用Chrome DevTools将视口大小调整为480px宽,如下所示.
我正在使用bootstrap的网格布局,所以我有一个div.container我正在使用的,如左下角所示.当我将鼠标悬停在它上面时,我看到chrome有特别div标记为宽度750px(整体body都是980px),即使我清楚地将屏幕设置为较小的分辨率.即使顶部的标尺也显示宽度为480px.
为了进一步确认,您可以看到媒体查询说750px的宽度应该只设置在更高的分辨率(最小768px),因此视口假设它的宽度比它高.
我是否误解了如何使用响应功能？
谢谢!
小智 16
如上所述,在html标头中添加元标记将解决此问题.下面是viewport元素,它应该包含在您的所有网页中
<meta name="viewport" content="width=device-width, initial-scale=1.0">
| 归档时间： |
|
| 查看次数： |
5075 次 |
| 最近记录： |