【问题标题】:iPhone images portrait and landscape modes HTML5iPhone 图像纵向和横向模式 HTML5
【发布时间】:2013-05-12 20:28:14
【问题描述】:

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

我目前正在转换一个 html5 网站以在 iphone 上使用。

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

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

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

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

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

所以我需要 1 张肖像模式的图像,我的横向模式图像,然后用 jquery 交换源网址吗?

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

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

【问题讨论】:

    标签: iphone html image retina


    【解决方案1】:

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

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

    <img src="retina-images/my-button-40x40.png" width="20" height="20">
    

    【讨论】:

      猜你喜欢
      • 2019-02-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多