我正在将我们所做的网站转换为移动网站。到目前为止,一切都很好,在阅读了一些关于像素密度和所有元标记的信息之后,我已经建立了一个非常漂亮的网站,该网站在移动屏幕周围设计得非常好,但到目前为止我只有一个问题。
无论我尝试什么,浏览器在获得焦点时都会放大到文本字段。这通常不是问题,但是当它发生时,它似乎忽略了我的媒体查询 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" />
谢谢!