0leg5ergeev: Капец... Сайт дает информацию о поддержке. Вы смотрите у себя на сайте статистику посещаемости по браузерам и решаете, какие вам нужно поддерживать, а какие нет, и соответственно принимаете решение об использование префиксов в тех или иных свойствах.
Алексей Верховцев: Да он простой как валенок =) В первый раз может быть не сразу разберешься.
Главное, что в нем используется нативный механизм скролла, поэтому быстрее и безглючнее других решений. На хабре пару лет назад автор плагина писал статью про него.
iBird Rose: Lesha Weal: Тут надо макет в целом видеть и сделать так, как подскажет логика. А вот так от балды говорить "лучше делать их сиблигнами" некорректно.
viktorulyushev: Надо определиться. Либо вам нужен адаптивный сайт. Либо вам просто нужно вписать сайт в область просмотра (в этом случае и делать-то ничего не нужно)
ps
Если вы разработчик, вам бы стоило почитать о том, что такое viewport и какие они бывают.
danforth: Да тут не верстка, а математика =)
Рассчитал ты правильно, только не учел того, что размеры картинок меняются, а отступы - нет. Вот общая пропорция и ломается.
viktorulyushev: Хотите полной адаптивности, пишите width=deivce-width
А то, что сайт выглядит увеличенным, то, скорее всего есть элементы, которые не влазят в область вьюпорта. Смотрите в инспекторе и исправляйте.
Лучше всего такие вещи отследить в хроме в режиме адаптивности с опцией Desktop
Тогда будет просто горизонтальная полоса прокрутки, так, на мой взгляд, проще найти проблемные участки и поправить их.
viktorulyushev: Естественно он их не будет учитывать! Вы же прямо говорите браузеру - "Браузер, будь любезен, считай, что область просмотра равна 1000 пикселей, вне зависимости от реальности".
danforth: Поведение верстки вполне ожидаемое и корректное (правда вам нужно другое поведение)
Высота любого элемента, заданная в процентах работает только тогда, когда у его родителя тоже явно задана высота. В противном случае высчитывается по содержимому.
В данном случае при изменении размеров картинок они пропорционально сжимаются.
Вариант первый решения - заморочиться и подобрать правильные пропорции изображений, учитывая также и промежутки между ними.
Вариант второй - использовать флексы для расположения и object-fit для заполнения (самый простой, но не кроссбраузерный =)
Вариант третий - Зафиксировать высоту картинок
Вариант четвертый - добавить оберток, из которых сделать области по принципу адаптивного квадрата
Наверняка есть и больше вариантов для решения такой простой задачи.
Мансур Закариев Как вариант, можно установить опцию "Change font size (Zoom) with Ctrl+Mouse Wheel" и изменять шрифт колесиком мыши с зажатым контролом.
Более того, скомпиленные файлы еще прогоняют через минификатор (uglify), а после него о читаемости не может быть и речи. Для удобства отладки (чтобы видеть исходники в браузере, ставить врейкпойнты и т.п.) используют карты исходников (sourcemaps)
