【发布时间】:2014-02-01 17:52:42
【问题描述】:
我正在尝试将网站从固定布局更改为响应式布局,但在设置 html 宽度时遇到问题。如下图所示,即使页面是空的,html 标签的宽度也是 980px,没有 css 或 js,只有 html 标签和 doctype(head 和 body 由浏览器自动添加):
为了进行测试,我使用的是设置为 Apple Iphone 的 Google Chrome Dev Emulator,我还在手机上进行了测试,但页面对于屏幕来说仍然显得太大。 你知道要改变什么来让我的html标签宽度消失吗?
【问题讨论】:
-
检查过你的模拟器设置了吗?
-
可能是因为模拟器使用
980px作为 iPhone 的默认宽度? HTML 标记始终具有默认宽度——客户端窗口的宽度。 (屏幕宽度减去滚动条宽度……) -
我在 iPhone 5 的默认设置下使用 Google Canary,加载其他移动网站效果很好
标签: html css google-chrome-devtools