如何在iPhone上查看div的寬度？

我想要做的是使帖子和頁面頂部的選擇框的div伸展。我想在CSS中使用width：100％屬性來完成它，但它只是在中途延伸。如何在iPhone上查看div的寬度？

因此，我手動將寬度設置爲使其達到100％的像素數量。但問題在於它導致iPhone/iPad上的顯示問題。

有沒有辦法在iPhone/iPad上改變div的寬度以適應規模？我怎麼能這樣做？

謝謝！

利茲

代碼---

.page-opt { 
margin-left:-314px; 
width:1583px; 
clear: both; 
margin-bottom:-20px; 
padding-bottom:-20px; 
position: relative; 
} 

/* Non-Retina */ 
@media screen and (-webkit-max-device-pixel-ratio: 1) { 
margin:0; 
} 

/* Retina */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) { 
margin:0; 
} 

/* iPhone Portrait */ 
@media screen and (max-device-width: 480px) and (orientation:portrait) { 
margin:0; 
} 

/* iPhone Landscape */ 
@media screen and (max-device-width: 480px) and (orientation:landscape) { 
margin:0; 
} 

/* iPad Portrait */ 
@media screen and (min-device-width: 481px) and (orientation:portrait) { 
margin:0; 
} 

/* iPad Landscape */ 
@media screen and (min-device-width: 481px) and (orientation:landscape) { 
margin:0; 
}

來源

2013-05-28 Liz

退房有關視口中的部分：

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

您可以使用「設備寬度」的。

來源

2013-05-28 16:34:52 savner

我嘗試了這兩種策略......沒有任何工作...... – Liz

是否爲您的html文件添加了？ – savner

我在之前添加過 - 讓我再試一次並測試。 :) – Liz

嘗試

#youroptinid { max-width: 1600px; width: 100%; clear: both; }

，如果還是不行，請發表您的HTML和CSS代碼，以便我們可以幫助你。沒有代碼，我們只能推測。

來源

2013-05-28 16:30:44 bob

如何在iPhone上查看div的寬度？

回答

相關問題