1

Скажите, пожалуйста, можно ли задать @media в Html? Проблема в том, что я вставил спутниковую карту яндекс к себе на страницу, но так как там ширина и высота задаются в html, пример:

<script>....................fWuUu0Y&width=850&height=350"></script>

Я выставляю ширину и высоту 850x350 для 1680x1050, но тут я теряю возможность выставить для других разрешений! Так как размер карты жестко зафиксирован в html и изменять через css не дает, поэтому @media не помогает! Как можно выставить для всех разрешений свою ширину и высоту в html, может, есть свой @media для html?!

3 ответа 3

1

http://jsfiddle.net/4cowmx25/ - google map

http://jsfiddle.net/57k8usnb/ - yandex map

1

@media query используется в CSS3. Как я понял, вам нужно сделать так, чтобы при определенной длине тела сайта у вас было немного другое расположение элементов.

@media screen and (max-width: 480px) { 
  body {
    background-color:#777;
  }
}

Этот код будет выполнятся следующим образом. Если ширина экрана меньше или равна 480px, то тело сайта станет серого цвета. Просто вписываете внутрь @media разные части сайта, которые хотели бы отредактировать и все. А тестировать нужно очень просто, изменяя ширину окна браузера. Я вам не советую играть с высотой (т.е. @media screen and (max-height: ***px) { /* условия */ }) просто потому что это не имеет смысла.

1
  • разжевали и в рот положили :) +
    – mi4i
    31 дек 2014 в 19:44
0

Попробуйте в стилях после, например, width:100px; задать !important. То есть width:100px !important.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.