CSS viewport / @media для iPad
В Css прописаны правила для максимальной ширины media screen and (max-device-width:800px){ ...}
Как получается, что iPad, у которого разрешение экрана намного больше, использует эти правила, хотя не должен ?
В Css прописаны правила для максимальной ширины media screen and (max-device-width:800px){ ...}
Как получается, что iPad, у которого разрешение экрана намного больше, использует эти правила, хотя не должен ?
device-width (min-device-width, max-device-width) -Тип носителя: все кроме speech(программы для воспроизведения текста вслух)
Вот что я прописываю в стилях:
@media screen and (min-width:100px) and (max-width:1024px) {
/* размер блока где находятся главный контент и сайтбар*/
body #wrapper {
margin-top:40px;
width: 90%;
margin: 0 auto;
}
/* размер шапки сайта*/
body #headerInner {
width:90%;
margin:0 auto;
}
/* размер главного контента*/
#wrapper #content #colLeft {
width:67%;
}
/* размер сайтбара*/
#wrapper #content #colRight {
margin-left:3%;
width:30%;
}
}