Как сделать так, чтобы сайт выглядел одинаково во всех разрешениях?

Question

[Эрзо Решидов]

Есть сайт: xn--80a2d.xn--e1aahmadfg9c.xn--p1ai , при разных разрешениях он выглядит по-разному -некорректно. Нужно сделать так, чтобы он выглядел одинаково на всех разрешениях экрана.

Answer 1

[Виталий Киренков]

У вас был криворукий верстальщик, который попытался сделать адаптивный сайт...

Самое простое - поставить на body минимальную ширину, допустим 960px
body { min-width: 960px;}

И удалить из стилей все @media стили...

Всё остальное долго и сложнее.

Comments

[Эрзо Решидов]

я так и понял) хорошо, щас попробую))

[Эрзо Решидов]

нужно удалять все стили, которые находятся в @media запросах, как я понял?!))

[Appp Zooo]

@erzo вообще эти запросы, включая все вложенные стили

[Виталий Киренков]

@erzo Удаляйте прямо @media (какие то параметры){ какие то стили} - всё целиком

[Эрзо Решидов]

@DeLaVega оок) сделаем

[Эрзо Решидов]

@DeLaVega Удалил все @media запросы) Теперь нужно чтобы внутренние блоки не были больше 960 px?

[Виталий Киренков]

@erzo Учитая, что сайт делался как адаптивный, я думаю, что у вас у блоков нет ширины как таковой. Так что просто для боди пропишите, что я вам написал и измените у .content_item width на 31% и по идее сайт при ширине меньше 1000 у вас не будет разъежаться, а для более широких экранов будет нормально.

[Эрзо Решидов]

@DeLaVega сделал вроде все) но все равно при разрешении 1024пикс. блоки уходят куда не надо) это не из-за % ? может стоит ставить px ?

[Виталий Киренков]

@erzo По вашей ссылке я не вижу никаких изменений. Телепат из меня так себе... Внесите изменения и дайте ссылку, я подскажу что изменить.

[Эрзо Решидов]

min-width: 960px для body добавил.
а для .content_item как внизу сказали я добавил ширину в пикселях. Если в процентах добавить, то все равно вниз уходят. (До разрешения 1280 вроде норм, а если меньше, то некоторые блоки вниз уходят)

[Виталий Киренков]

@erzo Вы понимаете, что меняя на пиксели, у вас блоки на 1920 будут той же ширины, что и на 1024? Видимо нет... Так что сделайте, как я вам говорю, и не слушайте бредни начинающих верстаков...

[Эрзо Решидов]

@DeLaVega окай) поменял то что вы сказали на проценты

[Виталий Киренков]

@erzo должно работать... либо ссылку в студию.

[Эрзо Решидов]

@DeLaVega может мне надо другие блоки тоже на проценты поменять? Например слайдер? Так, как он уходит вниз при уменьшении разрешении

[Эрзо Решидов]

@DeLaVega поставил на верхнюю часть пиксели, там вроде все норм)
Только с дивом .content_item проблемы, если ставлю font-size:16px; то все норм при уменьшении экрана, а так последний блок уходит куда не надо

[Виталий Киренков]

@erzo я рад за вас. Вы тупо игнорирует вопрос о ссылке. Значит всё нормально.

[Эрзо Решидов]

@DeLaVega я просто не понял, какую студию Вы имеете ввиду? ссылка на сайт указанная в описании вопроса: xn--80a2d.xn--e1aahmadfg9c.xn--p1ai если вы ее имеете ввиду.

Answer 2

[Вячеслав]

Добавьте в head

<meta name="viewport" content="width=1100px, initial-scale=1.0">

И задайте всем блокам и картинкам размеры в px а не в %

Comments

[Эрзо Решидов]

добавил. Выше другое мне советуют) что будет лучше?

[Виталий Киренков]

Глупости не советуйте... Перегонять человеку, который не силён в вёрстке весь сайт с % на px? И ставить ширину 1100, чтоб у юзеров на планшетах был горизонтальный скролл?

Answer 3

[Влад Одиес]

Нужно сделать так, чтобы он выглядел одинаково на всех разрешениях экрана.

Добавьте в head

<meta name="viewport" content="width=960px, initial-scale=1.0">

И задайте всем блокам и картинкам размеры в px а не в %

Comments

[Эрзо Решидов]

т.е. ?

[Эрзо Решидов]

поменял, сделал все как Вы сказали) но все равно при изменении разрешении экрана на 1024 некоторые объекты уходят вниз

[Влад Одиес]

Блоки выставляйте в пикселях в пределах 960px