如何使响应式图像看起来清晰？

作者: google你他吗
发布时间: 2024-08-16 04:17:41 (6天前)
转自：

4 条回复

0#
回复此人
哦哦了 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果您有一个缩小的大图像，请先在矢量图形程序中调整大小，然后将其保存为首选大小，并将其提供给客户端。 </p> <P> 如果你有一个小尺寸的小图像，你将失去分辨率，没有选择。 </p> <P> 这不是真正的CSS / HTML问题，仅仅是FYI，这是一个扩展问题。各种浏览器将使用各种缩放算法，因此结果将不一致。您必须抓住控件并强制浏览器显示所需的图像，而不进行缩放。 “响应式设计”理论之美的一个实际缺点。 </p> </DIV>

编辑
1#
回复此人
爱我真好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用SVG图像或使用名为picturefill的插件。 </p> </DIV>

编辑
2#
回复此人
如果 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <H3> 如果您有非照片图像，请使用SVG </H3> <P> 使用 <a href="http://github.com/imazen/slimmage.js" rel="nofollow"> slimmage.js的照片 </A> 。 </p> <P> 手动导出14个图像版本以支持2013年的分辨率是疯狂的。 </p> </DIV>

编辑

登录后才能参与评论