html - 移动设备上不需要的缩放

标签 html css mobile responsive-design

无法理解如何避免在移动设备上缩放。它应该在没有任何像元视口(viewport)这样的响应规则的情况下工作。尝试了很多变体,但页面最初加载时会放大,只有在缩小后才会变成想要的样子。

这是我的案例 http://alardeem.ru/temp/test/index.html

最佳答案

您使用的以下标签

<meta name="viewport" content="width=device-width, initial-scale=1">

仅告知浏览器有关初始比例的信息。如果您添加最大比例信息,它应该可以正常工作:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">

让我知道它是否适合你

关于html - 移动设备上不需要的缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38313229/

相关文章:

javascript - 如何在网络应用程序中截取网页的屏幕截图通过电子邮件发送该网页

html - 试图让 3 个 div 集中在一个 div 中

html - 以不同的方式设置图像,在 div 之外

security - 如何防止移动应用程序中的网络钓鱼?

javascript - 使用 val() 获取空值

javascript - 使用按钮自定义滚动

html - 如何更改IE11中输入元素的背景颜色?

javascript - 如何使滚动到仅特定于桌面 View 的 ID 并在移动 View 上默认它?

reactjs - 如何向 React Bootstrap 轮播组件添加移动手势(例如触摸和滑动)?

javascript - 在浏览器大小上执行不同的 jQuery(悬停与点击)