0

使用此查询导入布局：

@media screen and (min-width : 320px) and (max-width : 640px)

这是网址： http ://www2.madeinweb.com.br/jobs/adc/prototype/html/

一开始我只使用调整大小的浏览器。但是当我尝试在移动设备（iphone 4、5、ipod 4 和 Galaxy S2）上查看时，情况却大不相同，完全不同。

所以我开始专注于移动视图（它是一个 web 视图，所以浏览调整大小不是问题），但是当我尝试从 Galaxy S3 中查看它时，结果与浏览器几乎相同（糟糕） .

我知道 S3 正在以应有的方式行事（据我所知），因为它与浏览器的方式相同，但是其他设备呢，我在那里做错了什么？

4

1 回答 1

1

移动设备通常会缩放内容以适应屏幕，您需要告诉设备该网站是移动友好的，而不是缩放像素。

在你的 html 文件的头部添加这个：

<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">

这应该适用于大多数 android 设备，iPhone 可能需要也可能不需要不同的元标记。

于 2013-03-05T14:34:02.530 回答