Запросы для мобильных медиа работают, но запросы для планшетов не работают ⇐ CSS

[Гость]

Это довольно новое явление, хотя я уже некоторое время использую StackOverflow в качестве справочника.

Я новичок в HTML/CSS/JavaScript, но мне удалось создать веб-сайт. Я несколько дней исследовал Интернет и не могу понять, что я делаю не так с медиа-запросами. Помощь будет оценена по достоинству (в виде хорошей кармы).

CSS «Настольный компьютер» применяется нормально, CSS «Мобильный» применяется нормально, CSS «Планшет» не применяется.

Мой CSS выглядит примерно так:

*{} HTML,тело{}

Экран @media и (минимальная ширина: 960 пикселей) {

CSS ДЛЯ РАБОЧЕГО СТОЛА (применимо)



Только экран @media и (минимальная ширина: 0 пикселей) и (максимальная ширина: 639 пикселей) и (ориентация: книжная) {

CSS ДЛЯ МОБИЛЬНОГО ПОРТРЕТА (применимо)



Только экран @media и (минимальная ширина: 0 пикселей) и (максимальная ширина: 639 пикселей) и (ориентация: альбомная) {

CSS ДЛЯ МОБИЛЬНЫХ ЛАНДШАФТОВ (применимо)



Только экран @media и (минимальная ширина: 640 пикселей) и (максимальная ширина: 1023) и (ориентация: книжная) {

CSS ДЛЯ ПЛАНШЕТА ПОРТРЕТ (не применяется)



Только экран @media и (минимальная ширина: 640 пикселей) и (максимальная ширина: 1023) и (ориентация: альбомная) {

CSS ДЛЯ ПЛАНШЕТА (НЕ ПРИМЕНИМО)



Я пробовал несколько планшетов: Ipad, Acer и т. д. Размеры ширины укладываются в скобки ширины запросов, но это неприменимо.

Я изменил порядок запросов, проверил форматы, удалил части и заменил («все», «экран», «и») — почти все, что мог бы сделать ноб. Проверил веб-сайт SO и Интернет (именно так я создал свой веб-сайт...)

Я также пробовал в разных браузерах.

Что я делаю не так? Спасибо.

Следует ли мне поделиться своим веб-сайтом? Или это нецелесообразно из соображений безопасности?