У меня есть статический веб-сайт, который использует flexbox, чтобы сделать его отзывчивым. Я тестировал локально как на своем рабочем столе, изменяя размер браузера, так и локально на моем iPhone и iPad. Все отлично работает, однако при развертывании на S3 сайт работает в моем браузере, но не на моем iPhone/iPad.
Я добавил:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
без успеха. Глядя на этот HTML, кажется, что AWS заключает мой код в свои собственные элементы html и наборов фреймов. Тогда структура становится:
html
head element added by AWS
meta elements added by AWS
frameset element added by AWS
frame element added by AWS
#document element added by AWS
my code
Как я могу это сделать? В моем браузере сайт выглядит просто отлично. Я также пытался использовать javascript для динамического добавления метатега области просмотра, но он не работает. Развертывание на героку работает нормально.