Рустам Байназаров, Прочитал :) У человека, что-то с ноутбуком было и проблемы с макетом при верстке. Отлично, значит можно постепенно переходить на дизайны мобильных приложений, там правда нет такой классной штуки как viewport, придется рисовать дизайн для ретина и не ретина экранов смартфонов :) и учитывать кол-во пикселей на дюйм. А вот верстка это интересно, нужно доизучать, буду сначала верстальщиком, а потом и Front-End разработчиком на Vue.js или React.js.
Рустам Байназаров, Метатег viewport был разработан компанией Apple для того, чтобы указывать браузерам на то, в каком масштабе необходимо отображать пользователю видимую область веб-страницы. Другими словами meta viewport предназначен для того, чтобы веб-страницы отображались (выглядели) правильно (корректно) на смартфонах, планшетах и других устройствах с высокой плотностью пикселей (>200ppi).
Проще говоря, я нарисую дизайн сайта мобильной версии под 375px, а метатег viewport позаботится о корректном отображении сверстанного варианта на этом разрешении смартфона 375px, хотя реально у него 750px, верно? Извините, просто это уже к верстке относится, а я не очень в её тонкостях разбираюсь
Александр, спасибо, но я запутался :) Как-то сверстал сайт, выстроил адаптивность. На всех разрешениях отображалось нормально, в том числе и на 320 / 360 / 480 при этом я тогда использовал PNG изображения. Соответственно, заказчик когда все было готово зашел со смартфона и все отображалось как надо. А ведь у него был Retina, по идеи, все картинки и иконки должны были быть в два раза меньше, но этого не произошло, а значит мобильный браузер как-то адаптирует. Или это работает реально только с приложениями на смартфоны
Александр, спасибо, но как же картинки обычное PNG изображение не масштабируется же CSS стилями. Просто если сверстать мобильную версию и посмотреть через инструменты разработчика в браузере, как это будет выглядеть на мобильных экранах, то все здорово :)
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.