Как написать html код страницы для различных типов устройств? - PullRequest
2 голосов
/ 09 февраля 2020

Привет, у меня есть веб-сайт с 3 столбцами, который закодирован как один столбец (отзывчивый) до 767 пикселей. Я хочу установить представление с 3 столбцами, начиная с устройств (включая) с 768 пикселей.

У меня уже есть эта работа частично, но мне нужен меньший размер шрифта для устройств, начиная с 768 пикселей.

В настоящее время у меня есть следующий html код:

    @media screen and (max-width: 767px) { 
.wrap { 
display: block; 
} 
.tc { 
display: block; 
width: auto; 
border: none; 
} 

и другой код html .. в этом коде ..

Выше показано отображение в одной колонке для устройств размером до 767 пикселей.

Я хочу знать, что написать для размеров области просмотра выше 767 пикселей, которые затем начинаются с Apple Ipad, который составляет 768 пикселей по умолчанию, а затем больше пикселей? У меня уже есть следующий код для максимальной ширины, объявленный до 1240 пикселей.

Пожалуйста, сообщите html / css код для устройств 768 пикселей и выше. Большое спасибо!

1 Ответ

1 голос
/ 09 февраля 2020

Вместо этого вы можете использовать медиазапрос с min-width следующим образом:

@media screen and (min-width: 768px) { 
    // your css here
} 
...