gpt4 book ai didi

html - 视差图像模糊/V。在 iphone 上像素化。需要 CSS 提示

转载 作者:行者123 更新时间:2023-11-28 17:31:43 25 4
gpt4 key购买 nike

我在网站上工作时遇到了问题。

背景图像在 iPhone 屏幕上看起来真的像素化了。

这是我正在使用的 HTML

<div class="parallax img-overlay3" style="background-image:url(img/pictures/food02.jpg)" data-stellar-background-ratio="0.2">

当我使用类似于 http://mobiletest.me/iphone_5_emulator 的东西时它看起来很完美,但实际上在 iPhone 中查看时,图像似乎被放大到我放入其中的任何图像的一小部分。谷歌了几个小时,似乎是一个没有明确答案的问题。

最佳答案

您需要记住,有些设备能够显示分辨率高于 72ppi 的图像。例如,新的 iPhone 6 plus 有 401ppi。您需要为这些设备提供额外的图像。为此,请使用设备像素比为 2 的媒体查询。这就足够了。也有 JavaScript 解决方案,但我认为您可以使用 Google 来找到它们。

查看更多 CSS 片段: http://stephen.io/mediaqueries/

关于html - 视差图像模糊/V。在 iphone 上像素化。需要 CSS 提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25953395/

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