но как это работает, увы, не знаю.А хотца сделать красиво.
http://htmlbook.ru/css/media
Собственно ты можешь задать стиль в зависимости от минимальных(- максимальных) размеров экрана, ну и для иных внешних устройств, кроме моника
По идее атрибут media="screen", больше поясняющий, что штука - это стиль для мобилок (на что-то этот атрибут не влияет, ток чоб не ставить коммент)
Всё делается внутри стиля через @media
Ну к примеру, при ширине экрана до какого то значения(540) установить такие правила стиля для конкретных элементов
@media screen and (max-width: 540px) {
html, body, #pun, .punbb {
width: 100% !important;
height: 100% !important;
margin: 0;
padding: 0;
background-size: contain;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
overflow-wrap: break-word;
float: none;
}
}
Основная фишка, что правила для элементов пишутся внутри фигурных скобок с указателем @media
Ну и правил может быть много, для нескольких селекторов,
Ну вот у нас же есть мобильный стиль http://forum4.ru/style/mobile.5.css
Отредактировано Deff (Пн, 31 Окт 2016 15:29:48)