Как сделать, адаптивная верстка?

Question

[lemonlimelike]

На расширении width=320px видеоплеер MediaElement.js не сужается, а сузить не получается. Можно ли добавить еще один плеер с расширением под 320px и высота где-то 500px. И просто тот плеер делать display:none, а тот который тебе нужен block. Можно ли так сделать? или есть легче способ?

Answer 1

[Андрей Токмаков]

Можно, а почему нет то? Пишите медиа для width<321px одному плееру дисплей ноне, при больше ширине другому ноне

Comments

[lemonlimelike]

А нагрузки на сайт не будет?

[Андрей Токмаков]

lemonlimelike: Какой? от Чего? У Вас же не будет видео идти в скрытом блоке :)

[lemonlimelike]

Андрей Токмаков: А ну да) Спасибо

[Денис Артамонов]

А если разрешений будет еще больше ?
Будете увеличивать количество плееров ?
Не правильный это подход ..

[Андрей Токмаков]

Суть вопроса была не в этом. Вообще в принципе не понятно почему плеер не сужается у автора вопроса, т.к. например на оффсайте плеер сжимается до 266px.
И к Вашему ответу - зачем ему max-width если ему наоборот надо уменьшить плеер, Вы вопрос читаете прежде чем писать!?

Answer 2

[Денис Артамонов]

Задайте в CSS видеоплееру witdh: 100%
И если нужно, ограничьте его ширину через max-witdh: 700px (например)