Как изменить ширину div при просмотре на iPhone?

Question

Что я хочу сделать, это сделать div из окна выбора в верхней части сообщений и страниц растягиваться. Я хотел сделать это, используя атрибут width: 100% в CSS, но он растягивался только частично.

Таким образом, я вручную установил ширину в # пикселов, которые сделают ее 100%. Но проблема в том, что это вызывает проблемы с отображением на iPhone/iPad.

Есть ли способ иметь ширину изменения div на iPhone/iPad, чтобы соответствовать шкале? Как я могу это сделать?

Спасибо!

Лиз

код ---

.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; 
} 

Answer 1

Отъезд в разделе о видовом:

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

Вы можете использовать "устройства ширины".

Answer 2

попробовать

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

, если это не работает, пожалуйста, напишите ваш HTML и CSS код, чтобы мы могли помочь вам. Без кода мы можем только догадываться.