Здесь довольно новый, хотя я некоторое время использую 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
