gpt4 book ai didi

捕获高分辨率手机而非低分辨率平板电脑的 CSS 媒体查询

转载 作者:技术小花猫 更新时间:2023-10-29 11:23:51 25 4
gpt4 key购买 nike

我一直在使用 min-width: 600px 作为我的 CSS 媒体查询中的断点。我的理由是,在 600 像素及以上我会捕获平板设备(Kindle Fire、iPad 等),而在 600 像素以下会捕获所有电话设备。

事实证明,虽然 iPhone 通过将其像素增加一倍来玩得很好,但仍报告为 320px x 480px,但那里有大量分辨率为 700px x 1280px 的 Android 手机。问题是,如何在不给这些设备提供类似平板电脑的界面的情况下捕获这些设备?

通常我只是让内容响应设备的像素分辨率,但是,在 4.3 英寸屏幕上的 1280 像素布局看起来并不正确,特别是因为我的应用程序处理大量表单元素,这在手机上你想跨越整个宽度,但在平板电脑或台式机上你不需要。

最佳答案

一个不错的选择是根据您的内容定制媒体查询,而不是任意设备像素大小,作者 using ems .

关于捕获高分辨率手机而非低分辨率平板电脑的 CSS 媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12132484/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com