移动像素密度：多种图像尺寸或为所有人提供高分辨率图像？
我正在研究如何使图像在具有高像素密度的 android 和 iphone 设备上看起来不错，并且我一直在尝试两种方法来做到这一点 - 一种是使用单独的样式表，为 hdpi 手机提供更大的图像，然后按比例缩小在css中调整为合适的大小。
另一个建议是，你为每个人提供 hdpi 图像并按比例缩小，而使用低分辨率手机的人仍然会看到漂亮的图片，他们只是下载了超出他们需要的内容。
似乎维护 3 个不同的样式表（低、中、高）是浪费时间，所以我倾向于后者。还有什么理由不呢？
I'm looking at how to make images look good on android and iphone devices with high pixel density, and I keep running across two ways to do it - one is to have separate stylesheets that serve up bigger images for hdpi phones, and scales down in the css to the right size.
The other is a suggestion that you serve everyone the hdpi image and scale down, and people with low res phones will still see a nice looking picture, they're just downloading more than they need to.
It seems like maintaining 3 different stylesheets (low, medium, high) is a huge waste of time so I'm leaning towards the latter. Is there any reason not too?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用 SASS/LESS 向 CSS 文件添加一些逻辑并自动化该过程，并使用一些服务器端解决方案根据检测简单地交换路径，而不是维护 3 个不同的样式表。
Instead of maintaining 3 different stylesheets, you could use SASS/LESS to add some logic to your CSS files and automate the process and use some server side solution to simply swap out path depending on detection.