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'' –

回答