У меня есть веб-страница с хорошим адаптивным дизайном на codepen.
https://codepen.io/Teeke/pen/mdewyzG
Горизонтальная прокрутка заблокирована, и изображения помещаются на экран. Я хочу, чтобы это выглядело так:
https://i.imgur.com/16Dq87P.png
При развертывании в Surge изображения больше не помещаются на экран, и горизонтальная прокрутка включена. Я проверил сайт в Chrome инструментах разработчика и на нескольких телефонах. На каждой платформе кодовое поле реагирует, а развернутый сайт не реагирует. Не отвечающий сайт здесь:
https://i.imgur.com/wUTVzoB.png
Развернутый неотвечающий сайт находится здесь:
http://kalki.surge.sh/
Я убедился, что библиотеки, такие как foundation и normalize, включены. Я запускал CSS через авто-префикс. Я проверил для других JS и библиотек, и их нет.
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.min.js"></script> <link rel="stylesheet" type="text/css" href="https://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.min.css" > <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
Чего мне не хватает?