【问题标题】:iphone resolution problemsiphone分辨率问题
【发布时间】:2011-08-27 15:15:25
【问题描述】:

我正在开发我的第一个 iphone HTML+CSS+JS 并且我正在尝试一些问题,

首先,我很困惑; iPhone 3 和 iPhone 4 的分辨率一样吗?

因为我是testing here,我用我的 iphone 4 看到的东西真的很小

我设置了一个 body min-width: 320px 甚至没有使用 25% 的屏幕,

你建议什么 CSS 布局/尺寸???

现在我只有

body
{
    width: 100%; height:100%;
    font-family: "helvetica";
    min-height:640px; min-wdith:320px;
    background:#000;


}

但是宽度为 100px 的图片看起来真的很小...

我可以为 iphone 3 和 iphone 4 分离 .CSS 吗??

【问题讨论】:

  • 谢谢,我看看。但是我正在开发的这个网站版本仅适用于 IOS iphone /23/4(可能还有 ipad,但我不这么认为)
  • 物理上 iPhone 3 屏幕是 320x480,iPhone 4 Retina 屏幕是分辨率的两倍 (640x960),但缩放允许原生应用程序将其视为 320x480,除非它们使用 2x 分辨率图像。不过,我不确定其中有多少适用于网络应用。

标签: iphone css dimensions


【解决方案1】:

iPhone 浏览器的默认宽度为 960 像素(我认为)并缩放屏幕以适应 iPhone 的较小屏幕。

要解决这个问题,请在头部设置视口:

<meta name=”viewport” content=”width=device-width” />

【讨论】:

  • 你是什么意思'修复',这个元代码行是做什么的?谢谢!
  • 看看我是否理解;如果我添加这一行,所有 iPhone 的显示都一样吗? :D
  • 浏览器窗口的物理尺寸将与设备屏幕像素匹配
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多