html - 高分辨率 iphone 容器类的基本行为

标签 html css twitter-bootstrap

<div class="container">

我有一个简单的容器类。

我阅读了文档并理解了。

对于PC屏幕,它具有左右间距,对于移动屏幕,它具有全宽度。

但是在我的 iPhone 模拟器中,它并没有变成全宽,它仍然保持两边的间距。

(我猜是因为iPhone分辨率高??)

如果我使用 container-fluid,它会在 iPhone Sim 上变为全 Angular 。

我想在 PC 上使用空格,在移动设备上使用完整。

什么是最佳实践???

最佳答案

尝试添加 metaviewport 标记在你的里面<head>标签。
这告诉较小的设备浏览器如何缩放页面。
这里有更多解释。
https://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972

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

关于html - 高分辨率 iphone 容器类的基本行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59099274/

相关文章:

html - 使用 IE6 的较小显示器上的网页格式不同

javascript - 如何向生成的元素添加基本 url?

html - 如何在超链接顶部显示菜单项

html - 为什么这些带凹槽的柱子不并排放置?

twitter-bootstrap - 谷歌美化与 Bootstrap : Line Numbers Not Showing

html - 如何在 reactjs 中正确地绝对定位

javascript - 如何在 Microsoft edge 中获取选中的单选按钮的值?

css - Blueimp gallery 在一页上实现多次

html - 如何从右到左平铺背景图像

html - 左侧栏响应问题