0

我的 HTML 流畅网站无法在 iPhone 4/S/5 和 iPad 设备上正确缩放。我的最小容器 div 比例设置为 480px。我不明白为什么它不能正确缩放。可能在我的元数据中:initial-scale=1.0?

jsfiddle在这里:http: //jsfiddle.net/CtPpg/2/

4

2 回答 2

3

难道你正在为你的最小宽度设置一个像素宽度?如果我错了,请纠正我,但它应该是一个百分比值,以使其真正流动。

于 2012-09-24T18:19:24.707 回答
1

ipad 的最大设备宽度为 1024,而 iphone 的最大设备宽度为 480 像素。您可能需要使用媒体查询来处理这两个设备。

平板电脑:@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

苹果手机:@media only screen and (max-device-width: 480px) {

看看这个jsfiddle

变化:

 max-width: 480px; 
 /*max-width: 800px;  #### set your max width here #### */
于 2012-09-24T18:39:54.150 回答