Размеры блока для просмотра как в смартфоне

@Nebiros · Регистрация: 23.03.2010

Author24 — интернет-сервис помощи студентам

Подскажите какие размеры должны быть у блока чтобы можно было видеть как оно будет выглядеть на смартфоне?
То есть у меня происходит редактирование а по окончанию нужно посмотреть как оно потом будет выглядеть на смартфоне...

@Qwerty_Wasd · 13.01.2019, 08:05

скрины

@toothcomp · 15.01.2019, 09:55

CSS

@media screen and (max-width: 500px) {
    .cbp-rfgrid li {
        width: 20%; /* фолбэк */
        width: -webkit-calc(95.4% / 4);
        width: calc(95.4% / 4);
        padding: 0.46%;
    }
}

применяете вот такой @media, а размер какой надо установите сами (max-width: 500px)
а дальше все правила css которые нужно изменить при этом размере экрана

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122
		1
	Размеры блока для просмотра как в смартфоне 12.01.2019, 18:01. Показов 1101. Ответов 2 Метки нет (Все метки) Подскажите какие размеры должны быть у блока чтобы можно было видеть как оно будет выглядеть на смартфоне? То есть у меня происходит редактирование а по окончанию нужно посмотреть как оно потом будет выглядеть на смартфоне... 0

@Qwerty_Wasd dev - investigator 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	13.01.2019, 08:05	2
	скрины Миниатюры 0

	15.01.2019, 09:55

Опции темы