Как убрать элемент (картинку) с сайта при ширине экрана меньшей х?

Question

[TheStrangeWind]

Делаю адаптивный дизайн, необходимо, чтобы определённый элемент не отображался при малом разрешении экрана, желательно при помощи css.

Answer 1

[Борис Беньковский]

используйте media query. например

@media (min-width:900px) and (max-width:1300px) {
   .need-hide{
       display:none;
   }
}

Comments

[Олег Андрианов]

А как удалить его из DOM, чтобы он не тратил трафик?

Answer 2

[enchikiben]

используйте макросы

@media (max-width: 500px) {
	img {
		display: none;
	}
}

Answer 3

[nextatix]

решается добавлением в css файл

@media (max-width:[разрешение экрана]px)
{ [селектор блока]{display:none;} }

[разрешение экрана]
если экран меньше или равен этой ширине, то элемент не будет отображаться

[селектор блока]
для <div id=qwe></div> будет #qwe
для <div class=qwe></div> будет .qwe
для <img src="..." /> будет img

Comments

[HenryGrapes]

Thank you, It helps me!