Jump to content
  • Sign Up
Иван Иванович

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

Recommended Posts

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

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

88.thumb.jpg.32ac13100970ca59f2ead80ba5e8f3a3.jpg

Кусок кода сейчас такой: (Очевидно, что 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>

 

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Member Statistics

    46,842
    Total Members
    1,451
    Most Online
    SkyMasteer
    Newest Member
    SkyMasteer
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Я люблю баклажаны. Рулетики из баклажанов Прекрасный диетический обед или гарнир к основному блюду! Вкууууусно! Даже мужу, который овощи не любит вообще, понравилось:))))Я делала из расчёта на одного человека, поэтому, соответственно, если будете делать рулетики из баклажанов на двоих, то всего надо брать вдвое больше:))). Продукты  (на 1 порцию) Баклажан (маленький) - 1 шт. Помидор - 0,5 шт. Морковка(маленькая) - 1 шт. Луковица (маленькая) - 1 шт. Растительное масло Соль, перец, сухой молотый чеснок - по вкусу Как приготовить рулетики из баклажанов: Баклажаны нарезаем вдоль и присыпаем солью. Откладываем в сторону минут на 10. Припустим мелко порезанный лук на растительном масле до прозрачности. Добавляем натёртую на тёрке морковь и порезанную мелко помидорку. Солим, перчим, добавляем чеснок, наливаем немного воды, закрыть крышкой и тушим ещё минут 10. Ломтики баклажана сполоснуть, обжариваем с двух сторон до мягкости на сковороде с небольшим количеством растительного масла. Готовые ломтики промакнём бумажным полотенцем от лишнего жира. Кладём на серединку каждого ломтика нашу начинку и завернуть в рулетики. Скрепляем зубочисткой, чтобы не развалились. Вот и готовы рулетики из баклажан – фото перед вами! Ням-ням-ням:)))  
    • Ясно, спс. Теперь буду привыкать к такому поведению, хотя на мой взгляд такое поведение пригодится только тем кто случайно нажимает на эту кнопку и соглашается пометить форум прочитанным
    • Как оказалось это обновление CMS, в результате которого именно так ведёт себя эта фича. Вот что сказал саппорт:  
  • Popular Contributors

×
×
  • Create New...