【问题标题】:Android not scaling viewportAndroid不缩放视口
【发布时间】:2014-08-21 12:03:31
【问题描述】:

这个视口在 iphone 上完美地缩小了,但它除了阻止用户在 android 手机上放大网站之外没有任何作用。

网站的宽度是 1080px,如何正确缩小到 320px?

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />

【问题讨论】:

    标签: android html viewport meta


    【解决方案1】:

    我会说使用 css 来解决这个问题使用 IOS 更容易,因为它们不像 android 那样与桌面浏览器标准相差甚远

    【讨论】:

    • 好吧,不能真正编辑 css,因为该项目至少有 30K 行 css.. :/
    • 这是移动网站还是响应式网站
    • 这是一个移动网站
    【解决方案2】:

    尝试将可缩放设置为 NO 而不是 0;

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

    这通常对我有用。

    史蒂夫

    【讨论】:

    • 网站应该在开始时缩小规模,这个问题是关于缩小网站不可扩展性:) @SteveDavis
    猜你喜欢
    • 1970-01-01
    • 2019-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-19
    • 1970-01-01
    • 2014-11-05
    相关资源
    最近更新 更多