视口大小调整不适用于ios

时间:2015-06-19 01:43:31

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

我的网站中的header设置为100vh,除了ios之外,这种方法效果很好。 Ios将图像炸得非常大,你必须向下滚动才能找到内容。

我已经尝试了height:100%,但结果没有高度。

有什么建议吗?

ivygarrenton.com

2 个答案:

答案 0 :(得分:0)

" vh"在版本8之前的iOS版本中,您可以使用媒体查询。您可以使用媒体查询来设置iPad和iPhone的高度,例如适用于风景中的Retina iPad:

$('.preview-area').append('<img class="resizeme" id="myImage" height="150" src="' + objectUrl + '" + title="' + fileList[i].name + ' ( ' + fileList[i] + ' "/>');

答案 1 :(得分:0)

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

IE 9 + 部分支持,

Firefox 31 + - 支持

Chrome 31 +

Safari 7 + - 支持但重新发布问题

IOS Safari 7.1 + - 部分支持

Opera - 29 +

详细查询请参阅this链接

你可以使用jquery来设置高度和宽度而不是这个。但是css比jquery更快地呈现UI。