Картинка в мобильном браузере при смене ориентации экрана.

Иван Иванович · April 3, 2020

Добрый день форумчане. Вопрос такой. Как правильно и логично замутить картинку, чтобы она в браузере мобильника была расположена КАК НАДО, т.е. при горизонтальной ориентации экрана был отступ сверху 15%, а при вертикальной 50%? Спасибо.

Картинка ниже.

Кусок кода сейчас такой: (Очевидно, что 15% отступ сверху сейчас работает при любом положении экрана.)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Тест</title>
  <style>

div {margin-top: 15%;}
  </style>
	
	

	
</head>

<body>
    
	<div id="centerLayer" align="center">
	<img src="8.svg" width="20%" height="50%  alt="За стеклом">
	
</div>
	
</body>
</html>

npofopr · April 4, 2020

Это называется по центру. Судя по картинкам.

Почитайте про flexbox. С помощью пару свойств на flexbox у вас должно всё получится.

Иван Иванович · April 4, 2020

Огромное спасибо!

Sign In

Картинка в мобильном браузере при смене ориентации экрана.

Question

Иван Иванович

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

npofopr

Link to comment

Share on other sites

Иван Иванович

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information