Я использую следующий тег meta на моем сайте:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
На iPhone, это дает мне точное поведение, которое я хочу:
maximum-scale=1 предотвращает увеличение Safari при фокусировке текстового поля viewport-fit=cover убирает отступы Safari влево и вправо для iPhone X в альбомной ориентации, поэтому цвет фона и изображения расширяются до конца к краям - Пользователь может по-прежнему вручную при необходимости увеличивать масштаб, поскольку iOS всегда разрешает его, независимо от каких-либо свойств в теге
meta, которые в противном случае отключили бы его
Но в Android, maximum-scale=1 и viewport-fit=cover полностью предотвратить масштабирование, и единственный способ избежать этого - просто удалить оба свойства. Но тогда я теряю преимущества включения их в iPhone.
Есть ли способ сохранить оба эти свойства в моем теге meta, но также все еще разрешает ручное масштабирование Android?