Мобильные медиа -запросы работают, но запросы на планшет не работают ⇐ Html

[Anonymous]

Здесь довольно новый, хотя я некоторое время использую Stackoverflow в качестве ссылки. Я исследовал в течение нескольких дней в Интернете и не могу понять, что я делаю не так, как с медиа -запросами. Помощь будет оценена (в форме хорошей кармы). < /P>
CSS «настольный компьютер» применяет нормально, «CSS» применяет нормально, CSS «планшет» не применяется. < /P>
мой CSS выглядит как это: < /p>

выглядит так: < /p>

*{}
html,body{}

@media screen and (min-width: 960px) {

CSS FOR DESKTOP (applies fine)

}

@media only screen and (min-width: 0px) and (max-width: 639px) and (orientation: portrait) {

CSS FOR MOBILE PORTRAIT (applies fine)

}

@media only screen and (min-width: 0px) and (max-width: 639px) and (orientation: landscape) {

CSS FOR MOBILE LANDSCAPE (applies fine)

}

@media only screen and (min-width: 640px) and (max-width: 1023) and (orientation: portrait) {

CSS FOR TABLET PORTRAIT (doesn't apply)

}

@media only screen and (min-width: 640px) and (max-width: 1023) and (orientation: landscape) {

CSS FOR TABLET LANDSCAPE (doesn't apply)

}
< /code>
Я попробовал несколько планшетов, iPad, Acer и т. Д. Проверено так веб -сайт и Интернет (как я построил свой веб -сайт ..) < /p>
Я также попробовал в разных браузерах. < /P>
Что я делаю не так? Спасибо. < /P>
Должен ли я поделиться своим веб -сайтом? Или это, возможно, не мудро из -за безопасности?

Подробнее здесь: https://stackoverflow.com/questions/771 ... ot-working