gpt4 book ai didi

html - 移动像素与桌面像素不同?

转载 作者:行者123 更新时间:2023-11-28 01:43:54 24 4
gpt4 key购买 nike

我习惯于为台式电脑(10 英寸以上)进行开发。我正在尝试制作一个仅在移动设备上使用的网站。

我的疑问如下:我尝试创建一个简单的大 500x500px。

我在 Chrome 模拟的“Nexus 5”(1920x1080,像素比 3)和真实的 Nexus 5 上都尝试了生成的页面。结果相同:在这两种情况下,div 都比屏幕本身大得多。

我想这与像素比例有关。但我不明白这个链接。有什么线索吗?

提前致谢

最佳答案

当您开发移动网站时(尤其是来自桌面背景),建议您使用 HTML boilerplate作为起点。移动设备存在重要而微妙的差异,更不用说跨浏览器问题引起的边缘情况了。

对于这个特定问题,我怀疑您只需要设置 viewport meta tag , 图像将显示正确的大小:

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

关于html - 移动像素与桌面像素不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24019421/

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