javascript - 视口(viewport)大小调整在 ios 中不起作用

标签 javascript html css twitter-bootstrap twitter-bootstrap-3

我在我的网站中将 header 设置为 100vh,这在除 ios 之外的任何地方都适用。 Ios 将图像放大得非常大,您必须向下滚动才能找到内容。

我试过 height:100% 但结果没有高度。

有什么建议吗?

ivygarrenton.com

最佳答案

浏览器对 vw/vh/vmin/vmax 的支持

IE 9+ 部分支持,

Firefox 31+ - 支持

Chrome 31+

Safari 7+ - 支持但存在重绘问题

iOS Safari 7.1+ - 部分支持

歌剧 - 29+

要详细查找,请参阅 this链接

您可以使用 jquery 来设置高度和宽度,而不是这个。但是 css 在渲染 UI 方面比 jquery 更快。

关于javascript - 视口(viewport)大小调整在 ios 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30928592/

相关文章:

javascript - 使菜单打开时标题内容消失

javascript - 在 ajax 调用后为 jquery 每个函数添加延迟

php - 将 css 与 php 链接起来

javascript - 打开 jquery 对话框时保持滚动位置

html - Flexbox 不会在表格单元格内垂直居中 div

javascript - jQuery UI 未正确加载?找不到对话框方法

javascript - 该站点如何在调整大小/水平滚动时使粘性元素保持绝对

javascript - 如何使用 jquery rails 获取 html 选择的下拉值?

php file_uploads 在服务器上被禁用,解决方法?

javascript - 在我的情况下如何在指令中设置点击事件?