При изменении ширины экрана изменять стиль некоторых блоков

@k_i_n · Регистрация: 25.06.2014

Author24 — интернет-сервис помощи студентам

Подскажите, пожалуйста, как сделать так, чтобы при изменении ширины экрана изменялся стиль некоторых блоков?

@anastasiya_404 · 25.06.2014, 20:23

Это так называемая адаптивная верстка. В зависимости от ширина экрана блоку задается свой стиль.
Вот, например:

CSS

@media only screen and (min-width: 480px) and (max-width: 768px),
only screen and (min-device-width: 480px) and (max-device-width: 768px) {
#wraper{
       width: 500px;
}
}

при ширине экрана от 480 до 768 #wraper'у задаём ширину 500px.

@killlfun · 25.06.2014, 20:24

При разрешении экрана с шириной 1024px у блока #panel ширина будет 870px
Надеюсь понятно)

CSS

1 2	@media screen and (device-width: 1024px) { #panel {width: 870px;}}

@k_i_n 0 / 0 / 0 Регистрация: 25.06.2014 Сообщений: 7
		1
	При изменении ширины экрана изменять стиль некоторых блоков 25.06.2014, 20:20. Показов 6686. Ответов 2 Метки нет (Все метки) Подскажите, пожалуйста, как сделать так, чтобы при изменении ширины экрана изменялся стиль некоторых блоков? 0

	25.06.2014, 20:24