Разрешение экрана iPhone 6 с CSS и JavaScript - PullRequest
Новая
       8

Разрешение экрана iPhone 6 с CSS и JavaScript

0 голосов
/ 01 ноября 2018

Я читал, что разрешение экрана iPhone 6 составляет 750 * 1334. Но когда у меня есть, например, текст и т. Д. И я отцентрирую его, он точно не центрируется. Но когда я использую 50% с CSS, то это точно по центру. Простой идентификатор с DIV:

"margin-left: 375px;"

"margin-left: 50%;"

Ответы [ 3 ]

0 голосов
/ 01 ноября 2018

Пожалуйста, посмотрите здесь код: https://www.w3schools.com/code/tryit.asp?filename=FWSYYEYX7IV5

0 голосов
/ 01 ноября 2018

Просто, просто удалите margin-left: 375px; и добавьте text-align: center; (в #text) 

 <!DOCTYPE html>
<html>
<head>
<style>
  #header {
    background-color: red;
    width: 100%;
    height: 300px;
  }
  #text {
    text-align: center;

  }
</style>
</head>
<body>
  <div id="header">
    <div id="text">Test</div>
  </div>
</body>
</html>
0 голосов
/ 01 ноября 2018

Попробуйте использовать метапорт в заголовке вашего HTML 

<meta name="viewport" content="width=device-width, initial-scale=1">

это должно соответствовать содержанию в соответствии с устройством

...