Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.09.2016, 17:47   #1
Igorby
 
Регистрация: 06.07.2016
Сообщений: 7
По умолчанию Точное количество расширений мониторов (и в общем вопрос по адаптивной верстке)

Очень сложно дается одна адаптивная верстка. Знаю, что это не совсем правильно, но скорее всего придется верстать под каждый отдельный монитор персонально.

Подскажите имеет ли данный стиль верстки, право на существование? Или же данный вариант патовый?*

Сколько экранов (расширений) существует в природе*(имею ввиду основные, стандартные, которыми пользуются люди, а не космонавты...)?

И вообще, кто как верстает адаптивные (и мобильные) сайты? Есть ли какие-нибудь секреты, которые значительно облегчили верстку обычному разработчику, который не проходил каких-либо специфических курсов, конкретно на данную тему (адаптивной верстки), а пользуется лишь поверхностным пониманием ситуации, типа*@media (max-width: ...) and (max-height: ...) {} ???
Igorby вне форума Ответить с цитированием
Старый 13.09.2016, 18:01   #2
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию

а вы будете учитывать еще и каждый размер окна?
вы ведь подстраиваетесь не под размер экрана, а под размер окна браузера.
а его можно менять.
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 13.09.2016, 19:43   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

4096 - 320 = 3776
=)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 19.09.2016, 20:29   #4
Gena1992
Новичок
Джуниор
 
Регистрация: 19.09.2016
Сообщений: 1
По умолчанию

Посмотрите в сторону bootstrap
Gena1992 вне форума Ответить с цитированием
Старый 19.09.2016, 22:10   #5
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,453
По умолчанию

bootstrap + Медиа запросы = правильная адаптивная верстка
uberchel вне форума Ответить с цитированием
Старый 20.09.2016, 13:10   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
Это все, что надо знать про бутстрап.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 20.09.2016, 20:49   #7
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

бутстрап не знаю, не буду его ругать, но вот это вот:
Код:
* {
 box-sizing: border-box;
}
Явно лишнее.

Не хватает ещё таких стилей:

Код:
html, input[type="hidden"]{
 display: none;
}


________

box-sizing: border-box; - это свойство с таким значением само по себе - наверное, не плохо, оно не раз оказывалось мне полезным, но кое-где мешало. После его отключения всё вставало на свои места.
Вадим Мошев вне форума Ответить с цитированием
Старый 20.09.2016, 20:53   #8
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Код:
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
Это все, что надо знать про бутстрап.
А это что-то плохое?
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 20.09.2016, 21:05   #9
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Хоть вопрос и мне мне, но отвечу.
Как я уже писал ранее, иногда это свойство просто мешает. Я его включал в зависимости от ситуации. Здесь же оно включается для ВСЕХ элементов. Я понимаю, что его можно выключить, но зачем было включать? Хочется самому решать, когда им пользоваться, а когда нет.
Вадим Мошев вне форума Ответить с цитированием
Старый 20.09.2016, 21:11   #10
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Ну бутстрап же не для верстальщиков и прочих кому это мешает, а для программистов, прототипирования, небольших проектов и т.п.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение кнопки меню в адаптивной вёрстке cuyofiveg HTML и CSS 1 07.08.2016 12:58
Нужна помощь с адаптивной вёрсткой сайта Ray4 HTML и CSS 0 27.07.2016 15:02
Узнать точное количество месяцев и дней между датами Dux Общие вопросы Delphi 30 21.04.2016 03:07
Проверить точное количество строк, оставляя массив в исходном состоянии alt5000 PHP 8 02.12.2011 19:38
Выбор ЖК-мониторов Mixim Компьютерное железо 4 21.06.2011 15:33