Как сделать адаптивный дизайн

niceserver	12.6.2017, 22:18 Сообщение #1
Стаж: 9 лет Сообщений: 257 Благодарностей: 21 Полезность: 83	Здравствуйте.Подскажите как сверстать блок так чтобы на телефоне блок отображался также как на пк. "Код" Код .visible { background: #fff; position: fixed; left: 50%; top: 50%; margin-top: -10%; overflow: hidden; z-index: 2000; width: 30%; height: 45%; padding: 0px; margin-left: -15%; } "Скрины" Отредактировал: niceserver, - 12.6.2017, 22:19
	Поблагодарили 0 раз Поблагодарили 0 раз

JIuXeP	13.6.2017, 13:05 Сообщение #2
Стаж: 12 лет Сообщений: 338 Благодарностей: 205 Полезность: 792	niceserver, Код top: 50%; margin-top: -10%; /* ... / left: 50%; margin-left: -15%; ? ------------------------------------------- 1. Поиграйся с марджином, например: Код margin: 40% auto 0; width: 70%; 2. Можно добавить* медиа-запросы: Код @media (max-width: 400px) { .visible { margin: 40% auto 0; width: 70%; /* .. . */ } } 3. font-size
	Поблагодарили 1 раз Поблагодарили 1 раз ~~niceserver~~

0 пользователей и 1 гостей читают эту тему:

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный