Настройки стиля (Ширина страницы) Default

[RAPAX]

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

 

[Skaiman]

RASHER, ну ты прям Григорий Бенционович Остер :-)

 

[RAPAX]

Skaiman, а ты обезьянка, которая оффтопит :)

 

[Skaiman]

а ты обезьянка, которая оффтопит

Так и нет, я могу обосновать свой пост. Смотри

здравствуйте, попробуйте по рулить этой переменной: width по процентам от 1 до 100 , пример: width: 84% , тут больше вероятности, что поможет, в процентах наиболее точно ставится расширение экранов, нежели в пикселях.

Не далается фиксированный размер в процентах, на то он и фиксированный, а если надо сделать на весь экран, то делаются только отступы по краям, поэтому по дефолту свойство ширины закомментировано пробелом, что бы при желании можно было его убрать и сделать фиксированную ширину.
Максимальная ширина, max-width, дает возможность изменять размер ширины для адаптивного дизайна и по этому не надо играться с width, а надо ставить max-width, можно еще задать и min-width (минимальную ширину), но не обязательно.
margin: 0 auto - это выравнивание контента по середине.
box-sizing - можно и не использовать.

 

[RAPAX]

Skaiman, а это тебя не смущает ?) я как бы и выделил MAX-width , что его использовать нужно, как у Mirovinger"а на скриншоте.

и к тому же там "MAX-width"

Не далается фиксированный размер в процентах

если вы будете изменять ширину форума в процентах, а потом зайдёте с разрешением экрана например 800х600, а затем 1366х768 , то впринцепи по ширине ничего не изменится, а вот если измените в пикселях, и опять же зайдёте с теми же разрешениями экрана, то увидите разницу. Вот попробуйте. :)

 

[Skaiman]

если вы будете изменять ширину форума в процентах, а потом зайдёте с разрешением экрана например 800х600, а затем 1366х768 , то впринцепи по ширине ничего не изменится, а вот если измените в пикселях, и опять же зайдёте с теми же разрешениями экрана, то увидите разницу. Вот попробуйте.

УУУ, а об этом ты слышал?

 

[RAPAX]

На примере пикселей: max-width: 1255px;
Разрешение: 1366х768:

Разрешение 800х600:

ps:
Там даже при разрешении 800х600 подключаются переменные:

@media (max-width: 800px)
.Responsive .pageWidth {
max-width: 100%;
}

ок да ?

На примере процентов: max-width: 92%;

Разрешение: 1366х768:

Разрешение: 800х600:

ps: а теперь смотри внимательно разрешение 800х600 именно скриншоты и сравнивай бока форума...

УУУ, а об этом ты слышал?

это не то, там для каждого отдельно, для планшета, для телефона... а я говорю именно о ПК, на которых разные разрешения экрана! И опять же там PX а не %

 

[Skaiman]

ну так внешний отступ надо в процентах задавать :) а фиксированная ширина в пикселях max-width

 

[RAPAX]

Skaiman, хз, всё равно мой способ надёжней ещё с 2012-го на vBulletin :D

 

[Skaiman]

вот мануал неплохой по адаптивному дизайну

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[RAPAX]

Да их куча, если честно..., может кому и поможет...