1

我正在将我们所做的网站转换为移动网站。到目前为止,一切都很好,在阅读了一些关于像素密度和所有元标记的信息之后,我已经建立了一个非常漂亮的网站,该网站在移动屏幕周围设计得非常好,但到目前为止我只有一个问题。

无论我尝试什么,浏览器在获得焦点时都会放大到文本字段。这通常不是问题,但是当它发生时,它似乎忽略了我的媒体查询 css 。我插入了我的 Galaxy s3我的桌面 chrome 来调试页面,我可以看到在放大文本框时显示页脚(在我的媒体查询中不显示)。(当然还有其他 css 更改伴随着忽略我的媒体查询)。

所以我正在寻找一种方法来删除缩放功能(在这里阅读很多关于它的文章,没有一个适用于移动 chrome 和股票 Galaxy s3 浏览器,还不知道 iphone 或 windows),或者让我的样式表工作放大时。甚至更好的是,放大时可以添加其他样式,这样我就可以删除除文本字段之外的所有内容!

我当前的视口设置是:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

谢谢!

4

1 回答 1

3

我刚刚解决了。我的媒体查询包括“and (orientation:portrait)”,因此要考虑纵向方向,但没有为土地空间指定相同或其他样式。因此,当由于文本字段获得焦点而出现键盘时,它本质上会从视口中删除可用空间,使其成为陆地空间,让页面回到桌面 css。所以,如果你有同样的问题,看看你的代码!:)

于 2013-01-16T10:15:41.837 回答