【问题标题】:Why does my html page has a default width?为什么我的 html 页面有默认宽度?
【发布时间】: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


【解决方案1】:

这是您的开发模拟器。根据 Apple 的Safari Web Content Guide(在“iOS 上的视口示例”下),iPhone 视口的默认大小为 980 像素。 Dev Emulator 然后...为您模拟该页面大小。如果你想让它消失,只需关闭模拟器或调整它可能有的任何设置。

【讨论】:

  • 是的,这就是答案,谢谢!只需添加元标记视口就解决了我的问题。
猜你喜欢
  • 2011-04-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-19
  • 1970-01-01
  • 2016-06-25
  • 1970-01-01
  • 2011-08-07
相关资源
最近更新 更多