HTML页面,iPad方向更改错误重绘 - 显示拆分视图

时间:2015-08-03 17:46:10

标签: html ios ipad orientation

我在网页上遇到问题,方向更改(横向纵向或纵向横向)导致窗口显示不正确:

对于简短的实例,显示正确地重新定向,然后在左侧显示错误缩放的列。窗口的错误缩放部分是预旋转页面的一部分(正确定向)。

重新加载页面可以解决问题(直到下一个方向更改)。

此刻,我只有一台iPad mini 7.0.3进行测试。 对于平板电脑,没有方向更改功能,这在Android平板电脑上显示正常。

我在网上找不到任何关于这个...这是一个已知的错误吗?

视口元看起来像:

<meta name='viewport' content='width=device-width, width=device-width, height=device-height, user-scalable=yes'>

------------------------ update:--------------------- ---

我缩小了页面,结果是:
1.我添加了http://openfontlibrary.org的一些字体 2.我在页面上有一个<ul>

如果我删除其中的 ,问题就会消失! (可能除<ul>以外的其他内容也会导致此问题,因为至少有一个页面显示没有此标记的问题。)

进一步研究......如果我不能嵌入字体,那将是一种耻辱!

1 个答案:

答案 0 :(得分:0)

你可以尝试将它添加到你的身体标签:

onresize="location.reload()"

这应该在vieuwport更改时重新加载页面。