HTML流体(百分比宽度)未正确缩放

时间:2012-09-24 18:06:31

标签: html css responsive-design

我的HTML流媒体网站在iPhone 4 / S / 5和iPad设备上无法正常缩放。我的最小容器div标度设置为480px。我不明白为什么它没有正确缩放。可能在我的meta:initial-scale = 1.0?

jsfiddle here:http://jsfiddle.net/CtPpg/2/

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

ipads的max-device-width是1024,而对于iphone,它的480px。您可能需要使用媒体查询来处理这两个设备。

ipads:@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

iphone:@media only screen and (max-device-width: 480px) {

查看此jsfiddle

的变化:

 max-width: 480px; 
 /*max-width: 800px;  #### set your max width here #### */