我在网页上遇到问题,方向更改(横向纵向或纵向横向)导致窗口显示不正确:
对于简短的实例,显示正确地重新定向,然后在左侧显示错误缩放的列。窗口的错误缩放部分是预旋转页面的一部分(正确定向)。
重新加载页面可以解决问题(直到下一个方向更改)。
此刻,我只有一台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>
以外的其他内容也会导致此问题,因为至少有一个页面显示没有此标记的问题。)
进一步研究......如果我不能嵌入字体,那将是一种耻辱!
答案 0 :(得分:0)
你可以尝试将它添加到你的身体标签:
onresize="location.reload()"
这应该在vieuwport更改时重新加载页面。