移动设备仅部分显示网页

时间:2017-08-27 14:57:49

标签: html ios css desktop display

非常抱歉,我为此烦恼,但我无法在Google上找到此搜索查询的任何答案。

所以让我快速解释一下我的问题。 我创建了一个在纵向和横向模式之间切换的网页。

当我使用桌面时,它完全没问题,页面显示正确。当我在我的iPhone 5上启动我的网页时,它做了一些事情,并且#34;很奇怪": 它只是部分显示页面。如果我想要查看整个页面,我需要缩小,这对用户来说非常烦人。

所以如果你们知道如何解决这个问题,请告诉我!

非常感谢你帮助我!

编辑: 我使用的是<meta name="viewport" content="width=device-width, initial-scale=1.0">代码

为了优化移动设备的CSS,我使用了媒体查询

@media screen and (orientation:portrait) {...}

解答:

  

这是我的问题的原因:Reset zoom level onload。可悲的是,事实并非如此   但是可以解决这个问题...这是因为我有一个   每次登录时链接到新页面的上一页上的登录表单   使用IOS,您的浏览器会自动放大输入   加载新页面时,仍然是缩放级别......

2 个答案:

答案 0 :(得分:0)

使用<meta name="viewport" content="width=300">可让您的网页自动缩放至几乎所有移动设备。但请确保您的网站是针对移动设备优化的,否则您的所有文字都会变得很小,人们会希望他们再次放大。

答案 1 :(得分:0)

这是我的问题的原因: Reset zoom level onload 可悲的是,现在还不能解决这个问题......

这是因为我在上一页上有一个登录表单,每当我登录时都会链接到新页面。使用IOS,您的浏览器会自动放大输入,当加载新页面时,仍然是缩放级别......