HTML流体（百分比宽度）无法正确缩放

我的HTML流体网站在iPhone 4/S/5和iPad设备上无法正确缩放。我的最小容器div尺寸设置为480px。我不明白为什么它不能正确缩放。可能是在我的元：初始规模= 1.0？HTML流体（百分比宽度）无法正确缩放

可能是它可以帮助您解决问题的http：//计算器。 com/questions/7152474/confused-on-initial-scale-1-0-iphone-3gs-vs-4 –

你的意思是“不能正确缩放”？怎么了？ –

看看我的答案。 –

难道你设置你的最小宽度的像素宽度？纠正我，如果我错了，但它应该是一个百分比值，使其真正流畅。

2012-09-24 18:19:24 Rchristiani

ipads的最大设备宽度为1024，而iphones为480px。您可能需要使用媒体查询来解决这两个设备。

的iPad：@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 #### */

2012-09-24 18:39:54

我的流体宽度不应该照顾这个吗？我也希望这可以在桌面浏览器上看到，所以480的最小值不是很好。感谢您的帮助 – user1040259

我已经整理了一个博客http://silence-uncovered.blogspot.com/，当我为台式机，手机等制作HTML电子邮件时所学到的内容与网站应该没有多大差别。基本上，你需要阅读/试验一堆:) ...祝你好运！你能否接受我的答案，帮助我获得一些观点。 –

，以使它在桌面上工作，你可能需要'width ='100％'min-width ='480px'' –

回答