Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.51/47: Рейтинг темы: голосов - 47, средняя оценка - 4.51
0 / 0 / 0
Регистрация: 08.05.2015
Сообщений: 106

Как задать правильно размер для сайта?

01.03.2017, 15:14. Показов 9483. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как задать правильно размер для сайта?

У меня стоит
CSS
1
body {min-width:1100px;}
но в мобильно версии показывает до раздела доставки. и невозможно на право сделать до контактов...

И еще сверху контакты съезжает на логотип. как исправить?

Сам сайт http://new-naturel.ru в хроме увеличить на 150% увидите проблему
Миниатюры
Как задать правильно размер для сайта?  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
01.03.2017, 15:14
Ответы с готовыми решениями:

Как правильно задать размер фона?
Здравствуйте. На сайте http://pariki-ellen.ru/ решил установить <meta name="viewport" content="width=device-width"> После...

Как правильно задать размер блока с картинкой ( CSS )
HTML к первой картинке: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ...

Как задать размер для множество фотографий?
Здравствуйте, хочу задать один размер для множество выводимых средствами пхп фотографий? Что я сделал: img.foto{ border: 1px...

9
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
01.03.2017, 15:30
Цитата Сообщение от art22 Посмотреть сообщение
body {min-width:1100px;}
Почему именно 1100? У вас сайт фиксированный, не мобильно ориентирован, задайте ширину минимальную, равную ширине контента - min-width: 1180px;
1
0 / 0 / 0
Регистрация: 08.05.2015
Сообщений: 106
01.03.2017, 15:33  [ТС]
я задавал и большие размеры ни в какое... оказывается все хранился в кеше. отчистил кеш все стало на свое место. Спасибо. тема закрыта
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
01.03.2017, 15:39
Цитата Сообщение от art22 Посмотреть сообщение
я задавал и большие размеры ни в какое... оказывается все хранился в кеше. отчистил кеш все стало на свое место. Спасибо. тема закрыта
Посмотрел на ваш сайт, из-за болшего размера 1350 который вы задали, появился скрол на мобильных девайсах.
0
0 / 0 / 0
Регистрация: 08.05.2015
Сообщений: 106
01.03.2017, 15:52  [ТС]
Когда 1180px указываю контакты передвигаются на логотип, по этому большой задал, не могу понять почему контакты в вверху двигается при изменении размера

и еще в разделе доставки почему то внизу пустота в мобильной версии, я указывал высоту auto
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
01.03.2017, 16:03
Цитата Сообщение от art22 Посмотреть сообщение
не могу понять почему контакты в вверху двигается при изменении размера
Потому что блок некорректно спозиционирован, и не участвует в потоке, он выходит за область контента, потому и тормозит...
0
0 / 0 / 0
Регистрация: 08.05.2015
Сообщений: 106
01.03.2017, 16:11  [ТС]
А с высотой в разделе доставки ничего нельзя сделать? Соседний пункт нормально отображается. высота у них вроде одинаковая, там просто текст. хотя в разделе статьи тоже самое...(
0
108 / 102 / 35
Регистрация: 14.03.2014
Сообщений: 586
01.03.2017, 20:50
обычно задается не min-width а max-width(сайт лучше чтобы был адаптивный) в этом случае, и лучше не для body, а обернуть все в div например с классом .wrapper
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
01.03.2017, 20:55
Цитата Сообщение от Evgeniy55 Посмотреть сообщение
обычно задается не min-width а max-width
Это не так, не вводите людей в заблуждение. тыц
0
108 / 102 / 35
Регистрация: 14.03.2014
Сообщений: 586
01.03.2017, 22:36
Цитата Сообщение от mrtoxas Посмотреть сообщение
Это не так, не вводите людей в заблуждение. тыц
виноват, не верно выразился , вы его сайт откройте, там нет точек для адаптивности, там просто указан min-width для body и может еще где то, попросту чтобы сайт оставался в одном размере что приведет к горизонтальному скролу на меньших устройствах, видать для того чтобы ниче не сьезжало, а поскольку сайт уже для десктопа сделан, то тут уже как и по Вашей ссылке через max-width расставить точки и сделать его адаптивным, сам сайт не большой и не сложный чтобы это сделать, ну по крайней мере как по мне, то так лучше было бы, чем на мобиле/планшете постоянно пальцами во все стороны елозить
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.03.2017, 22:36
Помогаю со студенческими работами здесь

HTML как задать размер для каждой страницы отдельно
Нужна помощь, как в коде Html задать для каждой страницы отдельный размер. Вот на пример у меня на главной флеш, а на другой лекция...

Как правильно настроить размер таблицы(для всех броузеров)?
На скриншоте отметил высоту, ширину определённых краев: экран броузера, таблица, столбцы таблицы. Требуется чтобы таблица была высотой...

Как в CSS задать отдельное изображение для каждого из 3 состояний кнопки меню моего сайта?
Я сделал 3 изображения для кнопки меню своего сайта - по одному изображению для каждого состояния кнопки (кнопка не нажата, на кнопку...

Можно ли задать размер картинки для закрытия модального окна?
Для закрытия модального окна используется вот такой типовой код: a.modalCloseImg { background:url(img/x.png) no-repeat; ...

Как задать размер первой ячейке во второй строчке
<table style = "margin: auto;" width="1200"> <tr> <td colspan="3"> </td> <tr> <tr> <td...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru