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

4ortic 26.08.2015 Все вопросы » Общие вопросы по вёрстке 2124

вопрос

Добрый день. Собрался сделать свой дизайн адаптивным, что бы он отображался на всех устройствах. Но, столкнулся с такой проблемой, не могу понять под какие разрешения подгонять дизайн. Нашел сервис, через который смотреть сайт с разных разрешений - http://quirktools.com/screenfly/. Знать бы под какие разрешение подгонять диз, было бы на много проще. Прошу подсказать какие стандартные разрешения используются под адаптивность. Спасибо

Ответил: cracken

используйте Bootstrap
Small devices (tablets, 768px and up)
Medium devices (desktops, 992px and up)
Large devices (large desktops, 1200px and up)

4 комментария

Юзер

cracken - 2014-12-1126 августа 2015 14:42 - #47886

используйте Bootstrap

Юзер

4ortic - 2014-12-1126 августа 2015 16:54 - #47892

Как я понял, если использовать Bootstrap, то там все уже настроено. осталось только подключить его к своему шаблону, и расставить все по своим местам. Я правильно думаю? Просто я в этом только начал розбираться

Юзер

cracken - 2014-12-1126 августа 2015 22:18 - #47898

версткy надо делать используя bootstrap . Просто подключив вы ничего не Измените

Юзер

cracken - 2014-12-1126 августа 2015 15:36 - #47888

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

Похожие вопросы

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

08.05.2014 skynet32rus Общие вопросы по вёрстке

Как сделать древовидный вид комментариев в DLE 10.2

13.06.2014 Lynat1k Общие вопросы по вёрстке

Адаптивный дизайн. Разные размеры для постеров новостей в зависимости от разрешения

21.07.2014 Kota Общие вопросы по вёрстке

Отдельный дизайн страниц для отдельной категории

22.07.2014 Kotoff Общие вопросы по вёрстке, Шаблоны (TPL), Ламерские вопросы

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

11.12.2014 ufh2 Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery, Общие вопросы по PHP, Хаки

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
23-11-2024, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .

наверх