0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 477 Просмотров
*

Lovenokia

  • Осваиваюсь на форуме
  • 92
  • 0
Приветствую участников форума.

Помогите, пожалуйста, со следующей задачей.

Есть адаптивный рекламный блок, ширина которого должна меняться в зависимости от разрешения экрана. Рекламный блок находится в теле статьи (между абзацев), обязательно по центру.

Сейчас это реализовано в див-блоке с классом reklama:
.reklama
{margin: 0 25% 0 25%;
width: 50%;
padding: 5px; }

Погуглил, чтобы понять, как изменить пропорции для разных разрешений экрана и нашел следующее. Чтобы пропорции остались такими же для разрешения экрана более 800px, пишу следующее:
@media screen and (min-width: 800px) {
reklama {margin: 0 25% 0 25%;
width: 50%;
padding: 5px; }
}

Вопрос №1: правильно ли это?
Вопрос №2: как мне сделать так, чтобы при разрешении экрана менее 800px пропорции менялись на  margin: 0 15% 0 15%; width: 70% (при этом класс остается тем же самым .reklama)?

Благодарю за ответы.
*

darkghost

  • Практически профи
  • 2100
  • 95
% - единицы в принципе должны сработать ибо так и поступают, чтобы блоки были резиновыми.
Вот чтобы указать, что
Цитировать
... чтобы при разрешении экрана менее 800px пропорции менялись на  margin: 0 15% 0 15%; width: 70% ...
необходимо прописать:
Размер экрана меньше 800px ----
Код
@media screen and (max-width: 800px) { 
.reklama { margin: 0 15% 0 15%; width: 70% }
}
Подробнее ---->>>
Спойлер
[свернуть]
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 1124
Последний ответ 26.06.2017, 15:07:35
от Shustry
Google считает что шаблон Protostar не оптимизирован для мобильных устройств

Автор webCactus

Ответов: 3
Просмотров: 390
Последний ответ 18.11.2016, 08:46:48
от webCactus
Свои стили для мобильных устройств

Автор kik84

Ответов: 14
Просмотров: 1470
Последний ответ 05.10.2016, 00:18:04
от serjik
Как настроить отображение блока меню?

Автор Check_

Ответов: 6
Просмотров: 367
Последний ответ 17.09.2016, 15:31:05
от Check_
Размер шрифта для фиксированного блока в зависимости от объема текста

Автор beliyadm

Ответов: 4
Просмотров: 470
Последний ответ 04.09.2016, 17:35:01
от effrit