响应性网站在移动上如何放大到全宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (20)

当我调整桌面上浏览器的大小时,它都能正常工作,包括导航条,它变成了可折叠菜单,顶部有一个小图标,我可以点击它来查看更多的菜单按钮。

但是当我在移动浏览器上尝试它(我在Chrome上试过,在Android上使用互联网浏览器)时,我没有看到响应性的设计。我只能看到非常小的桌面版本,如网站。

有人能指出我做错了什么吗?

提问于
用户回答回答于

把这个加到你的HTML头上。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

这将使较小的设备浏览器如何缩放页面。

用户回答回答于

<meta name="viewport" content="initial-scale=1">

这将是一个更好的选择,因为它使从肖像到景观,并回到一个更愉快的用户体验,与/高度将采用自然,因为可能的自动缩放。

扫码关注云+社区