Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Не получили письмо с кодом активации?

30 Сентябрь, 2020, 06:44:35
 

 Ширина окна браузеров в зависимости от разрешения

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Iaroslav

  • Имперская
    администрация
  • Форумный гуру
  • ****
  • Сообщений: 2493
  • Репутация. +50/-0
    • Просмотр профиля
Часто, когда делаешь сайты или модернизируешь какие-либо сайтовые скрипты надо помнить какая именно максимальная ширина должна быть у содержимого сайтов (дабы не разъезжалось на маленьких разрешениях). Что бы каждый раз не лазать в гугл унд яндекс и создал данную тему.
Итак, рекомендумая ширина составляет 1000 пикселей (разрешение для наиболее часто встречаемого разрешения в 1024*768 пикселей).
А в более полном варианте табличка выглядит вот так (размеры 640*480 и 320*240 опущены так как их почти не осталось и компьютеров, да и с такими разрешения уже и софт не делают... ):
Разрешение экранаРазмер окна браузера
800*600779*431
1024*7681003*599
1280*8001259*631
1280*8001259*631
1280*10241259*855
1400*10501379*881
1440*900   1419*731
1600*12001579*1031
1680*10501659*881

Также стоит избегать использования значения width в 100% для каких-то родительских элементов страницы. Так как width задаёт именно ширину содержимого элемента, не считая при этом поля (то есть padding) и отступы (то есть margin). Впрочем, есть способ избежать подобного казуса прописав в стилях box-sizing: border-box.
Ну а с height в 100% ещё более грустно. Так как без доп хитрсотей он во всё окно браузера всё равно не будет, в связи с тем, что существуют родительские элементы html и body у которых по умолчанию height выставляется по высоте содержимого. Соответственно для странички высотой во всё окно надо дописывать в стили html, body {    height: 100%; }

 

Краткая информация об империи