Луч поноса широким сайтам

[yurikhan]

Когда я пришёл в веб, считалось дурным тоном делать сайты, не помещающиеся в 800×600.

Потом распространились разрешения 1024×768, 1152×864, 1280×1024 и, наконец, 1600×1200. В какой-то момент вебостроители решили, что 1024 пикселя в ширину есть у всех. А у кого нет, тот лох.

Потом пошла мода на 16:10 и 16:9 и разрешения типа 1920×1080. И вот про

Comments

[ibnteo]

Сейчас много мобильных устройств с небольшими экранами, поэтому сайты начали делать адаптивными. У таких сайтов горизонтального скроллинга не будет ни при каких условиях. Мобильные браузеры умеют показывать контент по ширине экрана вне зависимости от вёрстки, поэтому проблем обычно не бывает, кроме случаев, когда какой-то слой пихают поверх всего и он всегда на экране, загораживая контент.

У вас что-то со стилями журнала, нет отступа от края, буквы слева прилипли к краю монитора, а это не правильно.

[yurikhan]

У меня нет мобильного устройства, поэтому я не знаю, как для них решается эта проблема. Видел, что они умеют автоматически уменьшать масштаб. Это работает, если пользователь легко может поднести экран поближе к глазу. На десктопе - нет.

Ещё бывают @media-запросы. Это позволяет написать несколько наборов стилей под разные разрешения. У распространённого фреймворка Bootstrap, например, по умолчанию граница между маленьким и средним экраном проходит по 768px, а между средним и большим - по 992px. То есть я со своими 960px получаю стиль для 768px. Но только в случае, если сайт таки оптимизирован под мобилку.

Ну вот, мне тоже луч поноса. Посмотрю, что со стилями.

[ibnteo]

Про автоматический масштаб не видел, но вот когда браузер не может понять куда ты нажал, то увеличивает масштаб, и это зачастую раздражает, как и масштабирование двумя пальцами, когда держишь телефон в одной руке, изменить масштаб без помощи другой руки не представляется возможным. Лишь в картах догадались сделать кнопки +-, чтобы одной рукой можно было работать, а у других такое не реализовано, нужно два пальца, Раскина на них нет.

[yurikhan]

Ну вот как-то так теперь со стилями. Внезапно, ЖЖисты запилили нормальный layout под названием Chameleon, дающий на выходе более-менее семантичный HTML5 с SVG-иконками.

[ibnteo]

О, теперь другое дело!