0

使用 PhoneGap 将图像放入我的 iPhone 应用程序时，我遇到了一些问题。根据这个网站，任何 iPhone 屏幕的宽度都是 320pts。

在我的 CSS 中，我有以下代码：

#someId {
    position:absolute;
    top:0px; 
    left:0; 

    max-width:640px;
    max-height: auto;
}

在我的 HTML 文件中，有以下代码片段：

<img src="image.png" id="someId" alt="">

但是，如果我这样离开，图像总是会比实际屏幕大。我正在使用 iPhone 6.0 模拟器。将值更改max-width为 320pt 不会改变任何内容。

这个事情谁有经验？

4

1 回答 1

0

由于许多网站的设计都假定了典型的桌面大小的浏览器窗口，因此 Mobile Safari 以 980 像素的默认宽度呈现页面。要覆盖此默认值，使其仅在屏幕宽度处呈现网站，请使用以下<meta>元素：

<meta name="viewport" content="width=device-width">
于 2013-01-11T21:30:21.263 回答