iPhone X Safari исправлена кнопка на дне нужно два клика, чтобы ответить

мы разместили фиксированную кнопку в нижней части веб-страницы, используя:

.CTA-container {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    height:50px;
    background-color:#333;
  }
  
 a {
    font-size:20px;
    color:white;
    font-weight: bold;
    text-decoration: none;
    font-family: 'ProximaNova', tahoma, sans-serif;
    display: block;
    height:50px;
    line-height: 50px;
    text-align: center;
  }
<div class="CTA-container">
    <a href="https://www.google.com">
        Download Our App <span>
7
css html iphone-x mobile-safari safari

2 ответов

согласно этому сайту используйте env(safe-area-inset-bottom) дополнительные отступы:

.CTA-container {
  padding-bottom: env(safe-area-inset-bottom);
}
2

панель, которая появляется при первом щелчке, является родным элементом Safari, которым не может управлять веб-сайт.

возможным обходным путем является увеличение размера кнопок до большего размера, поэтому он нажимается с первой попытки (в основном) в добавлении к tipp Даниэля.

0