С повышением популярности мобильных устройств и очень широких дисплеев, создать сайт, который будет хорошо выглядеть и в больших и в малых устройствах, определенно затруднительное задание для веб-дизайнеров и разработчиков. К счастью CSS3 имеют новую функцию, которая позволяет веб-разработчикам определить стили для определенного размера дисплея. А если Вы не знаете как раскрутить сайт, то начните с основ и воспользуйтесь советами опытных оптимизаторов.

Например, код ниже показывает, как применить определенный стиль, только если клиентский дисплей менее чем 767px.

@media screen and (max-width:767px){
  #container {
    width:320px;
  }
  header h1#logo a {
    width:320px;
    height:44px;
    background:url(image-small.jpg) no-repeat 0 0;
  }
}

Добавлено: 17 Мая 2015 10:48:23 Добавил: Андрей Ковальчук Нравится 0

Добавить