freeCodeCamp/guide/chinese/certifications/responsive-web-design/responsive-web-design-princ.../use-a-retina-image-for-high.../index.md

576 B
Raw Blame History

title localeTitle
Use a Retina Image for Higher Resolution Displays 使用Retina图像获得更高分辨率的显示

使用Retina图像获得更高分辨率的显示

按照说明:

将img标记的宽度和高度设置为原始值的一半。在这种情况下原始高度和原始宽度都是200px。

风格4变为

  <style> 
  img { height: 100px; width: 100px; } 
  </style> 

请注意,使图像显示为“视网膜”(并为视网膜显示进行优化)的最简单方法是将其宽度和高度值定义为原始文件的一半。