0

嗨,我一直在网上搜索,但无法真正找到明确的答案。

我目前正在转换要在 iphone 上使用的 html5 网站。

我的查询是关于图像的,纵向模式是 320x960 像素,横向是 960x320 像素

对于视网膜显示,而不是将我的图像设置为 320x *(高度成比例),我将它们设置为 png 的 640 x *

我将图像宽度设置为 100% 并将视口大小设置为 320px

这对视网膜显示是否正确?

当设备方向发生变化时,当现有图像在横向模式下为 100% 时,我会失去质量,我的客户希望能够使用捏缩放来放大。

那么我需要有 1 张肖像模式的图像,我的横向模式图像,然后用 jquery 交换源 url 吗?

所有图像都存储在数据库中,但我可以操纵它们来自哪个文件夹,因此一组图像将位于横向文件夹中,另一组位于纵向文件夹中。

我认为这是有道理的,有人可以让我正确解决图像分辨率谢谢

4

1 回答 1

1

是的,视网膜显示器使用与标准网页/或本机应用程序构建相同的基于像素的尺寸布局。绊倒人们的部分是源文件的大小需要是页面中对象大小的两倍。

例如,这是一个带有 40px X 40px 源文件的图像标签。

<img src="retina-images/my-button-40x40.png" width="20" height="20">
于 2013-05-17T17:08:33.673 回答