X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> мин и макс ширина и высота для резиновой верстки
AsaiTree
AsaiTree
Topic Starter сообщение 9.5.2014, 12:58; Ответить: AsaiTree
Сообщение #1


Здравствуйте, я начинающая, это моя первая резиновая верстка, как я поняла для нее надо использовать em для шрифта, % для всего остального, а вот как быть с мин и макс шириной и высотой, какую конкретно надо задавать? я понимаю, что обычно есть ТЗ, которое все определяет, меня интересует другое:
какой минимальный порог для ширины и высоты?
какие самые распространенные мин и макс ширина и высота выставляются?
Расчитываю на вас, спасибо:goodpost:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2014, 15:49; Ответить: Wins
Сообщение #2


Мин 1000px, но по сегодняшним параметрам думаю можно делать спокойно 1200-1280px

Насчет макс. тут наверное зависит от проекта, например на ноутбуке с разрешением в 1366x768, 1280px в самый раз, под широкоформатник 1920px делать сайт думаю не вариант, будет слишком широким, вообще для удобства чтения макс ширина 1300px, если шире, тогда будет не удобно воспринимать инфу для глаз. Это так я где то читал, поэтому утвержать что 1300px макс. ширина не буду. Я видел сайты с шириной 1920 и выше, мне допустим было не удобно ими пользоваться на широкоформатнике, и я их сразу закрывал. Поэтому мое мнение шире чем разрешние ноута нет смысла делать.

Ну а высота мин 100%.

Сейчас заметил многие сайты, у которых фиксированный дизайн меняют размеры с 1000px, на 1240-1250px. Мне кажется это оптимальная ширина.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 10.5.2014, 17:40; Ответить: klenovnn
Сообщение #3


Ежедневное выполнение сайтов и анализ статистик говорит мне о том, что можно, как верно отметили выше, делать сайт под 1200px.
Но здесь есть минус, сейчас очень большой процент смотрит сайты на планшетниках и мобильных устройствах, они показывают только 1000px, поэтому при верстке учитывайте, чтобы всегда в 1000px контент входил.
Так же стоит отметить, что если делаете задний фон, минимум стоит делать по ширине 1920px, а еще лучше 2600px (так как существуют разрешения 2560x1440 и выше).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AsaiTree
AsaiTree
Topic Starter сообщение 12.5.2014, 13:24; Ответить: AsaiTree
Сообщение #4


Спасибо!
Задний фон, это вы имеете в виду прописывать к боди ширину такую?
И еще, у меня такой вот вопрос: мин и макс высота и ширина нужно ставить только к тегу боди? надо ли ставить ее к обертке(wraper), шапке и футеру? Или тут надо просто ставить ширина столько то пикселей(процентов).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 12.5.2014, 14:40; Ответить: Wins
Сообщение #5


К боди не нужно ширину прописывать.

Высоту обертки можно не указывать, и так будет растягиваться по содержимому. Это если футер нужно прижать к низу, тогда нужно ставить мин ширину 100%. Но это уже другая история, там несколько способов реализации.

Ширина ставиться к обертке, если футер и шапка, внутри обертки, то для них можно не ставить.

Тут все зависит от структуры сайта, верстки.
Вы бы html, css подучили, а то судя по вопросам вы в этом еще слабо разбираетесь. Резиновая верстка и так геморная, а без знаний хтмл и ксс, будете долго мучаться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 14.5.2014, 7:54; Ответить: klenovnn
Сообщение #6


По умолчанию у блочных элементов 100% ширина и ее задавать не обязательно.
Если вы планируете прижимать футер к низу, тогда необходимо устанавливать высоту height для html и body
[code]html, body { height: 100%; }
А для вашего основного дива (внутри которого пойдет верстка min-height)
[code].wrapper { min-height: 100%; position: relative; }

Выше вам верно говорят, резиновую верстку не рекомендуется делать, если нет опыта с фиксированной.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Посоветуйте массажер для спины и шеи
11 Boymaster 920 Сегодня, 18:24
автор: Arsenwenger
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
84 AdsPower 24573 Сегодня, 16:35
автор: AdsPower
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
55 arendator 35104 Сегодня, 2:12
автор: arendator
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
3 Rebex 973 Вчера, 20:50
автор: Rebex
Открытая тема (нет новых ответов) Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера)
10 zennoboss 4664 Вчера, 5:20
автор: Skyworker


 



RSS Текстовая версия Сейчас: 25.4.2024, 20:15
Дизайн