Question

我应该在UIWebView中使用高分辨率图像进行视网膜显示吗？目前我使用的HTML是屏幕尺寸的两倍（我正在显示的HTML的大小是640px X 834px）。然后我使用缩放样式缩小尺寸：

body { zoom: 0.5 }

为视网膜显示创建HTML是否正确？或者我应该创建一个正常大小的HTM（320px X 417px）？

Answer 1

让我们假设您正在为iPhone 4视网膜显示屏设计，包装纸可以是320x480。诀窍是为图像提供2倍更高的分辨率。（字体不受影响）。

例如：

 .logo {
     background-size: 64px 64px;
     background-image:url("logo_retina.png");  // Actually a 128x128 image

 }

您可以使用媒体查询定位视网膜设备，以便为每个分辨率使用不同的CSS：

 <link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 2.0)" href="retina.css" />
 <link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="normalcss.css" />

uiwebview中用于视网膜显示的iOS大小内容

1 个答案: