【问题标题】:Unwanted scaling on mobile devices移动设备上不需要的缩放
【发布时间】:2016-11-13 18:31:16
【问题描述】:

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

这是我的情况http://alardeem.ru/temp/test/index.html

【问题讨论】:

    标签: html css mobile responsive-design


    【解决方案1】:

    你使用的以下标签

    <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">

    让我知道它是否适合你

    【讨论】:

    • 您的 body.navbar 具有以下导致问题的 CSS 规则:min-width: 1015px !important; 您可能需要删除该规则以使其正常工作
    猜你喜欢
    • 2017-12-05
    • 1970-01-01
    • 1970-01-01
    • 2017-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-09
    • 2021-12-13
    相关资源
    最近更新 更多