О смене ориентации

Все утро провел решая проблему вертикальных и горизонтальных картинок. Задать тип картинки в зависимости от ориентации экрана просто, но мне надо, чтобы горизонтальная показывалась в исключительных случаях — только на телефоне в ландшафтной ориентации (возможно, и на планшете — надо смотреть).

Итоговый css:

/— To change image orientation on phone —/

.img-landscape { display:none; }
.img-portrait { display:inline-block; }
@media only screen and (min-device-width: 640px) and
(max-device-width: 1280px) and (orientation: landscape)
{
.img-landscape { display:inline-block; }
.img-portrait { display:none; }
}

@media only screen not (min-device-width: 640px) and
(max-device-width: 1280px) and (orientation: landscape)
{
.img-landscape { display:none; }
.img-portrait { display:inline-block; }
}

27 ноября 2016

Оставьте комментарий

Добавить комментарий