gpt4 book ai didi

css - 将 iOS 屏幕上元素的像素大小与 CSS 匹配

转载 作者:行者123 更新时间:2023-11-28 05:41:55 26 4
gpt4 key购买 nike

我正在尝试使用 CSS 创建一个通知容器,它与我的 iPhone 6S 上的 iOS 上的通知大小相同。

我创建了纵向和横向的屏幕截图。当我查看图像时,以像素为单位的通知大小分别为 718x262 和 841x262。

当我创建具有相同高度 (262px) 的通知时,它们在设备上的显示方式不同,纵向 200px,横向 357px。

https://www.dropbox.com/sh/bmkv2gua62r4zly/AAC0xPZIURWZFwCb9pFzDk1Da?dl=0

最佳答案

添加视口(viewport)元标记解决了这个问题

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

关于css - 将 iOS 屏幕上元素的像素大小与 CSS 匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37837856/

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