【问题标题】:Cordova android different device, the correct way of responsive layoutCordova android 不同设备,响应式布局的正确方式
【发布时间】:2016-01-11 11:38:36
【问题描述】:

我已经使用 Samsung s4 和 Samsung s4 mini 测试了我的应用程序...如果我将某些页面的字体设置为 font-size: 50px;我在 s4 中看到足够大但在 s4 mini 中太小(不应该相反?)我尝试用百分比来标注我所有的 div 和元素(这是正确的方法吗?) 谢谢,我是这种东西的新手,还是有点困惑。

【问题讨论】:

    标签: android css cordova responsive-design


    【解决方案1】:

    @lorenzo,
    我建议你停下来学习 CSS 和 Android。

    这里有一篇文章可供阅读:

    摘自我引用的一篇文章:

    根据 OpenSignal 进行的一项调查,2014 年有近 19,000 台不同的 Android 设备,而前一年则有近 12,000 台设备。由大量不同设备引起的最初问题是创建操作系统以服务于大多数设备的严重困难。

    不过,问题的部分原因在于设备不同,因为新的操作系统版本通常必须通过供应商才能出现在新设备上。由于 Android 是一个开放平台,供应商可以选择并且经常这样做,将他们自己的小部件和主题“皮肤”添加到操作系统版本以在他们的设备上运行。

    在您阅读最后一个链接中的内容之前,这可能没有意义。 (我将在下面引用那篇文章)

    接下来您要了解不同的字体大小调整方法。了解emex。这是一篇关于此的文章:

    请阅读:

    我引用:

    不过,我确实知道 Web 开发人员对什么感兴趣。他们需要 CSS 像素。即 CSS 声明中使用的“像素”,例如 width: 300px 或 font-size: 14px。

    这些像素与设备的实际像素密度无关,甚至与传闻中即将推出的中间层无关。它们本质上是专门为我们 Web 开发人员创建的抽象结构。

    当我们考虑缩放时,这是最容易解释的。如果用户放大,宽度为 300px 的元素会占用越来越多的屏幕,因此以设备(物理)像素衡量时会变得越来越宽。然而,在 CSS 像素中,宽度保持 300 像素,缩放效果是通过根据需要扩展 CSS 像素来创建的。

    祝你好运

    【讨论】:

    • 是的,事实上昨天我把我所有的字体从 px 转换为 em,现在我将在不同的设备上测试,谢谢
    猜你喜欢
    • 1970-01-01
    • 2018-04-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-22
    • 1970-01-01
    • 2016-06-02
    • 1970-01-01
    相关资源
    最近更新 更多