Блог

Я отображаю 20 фотографий внутри DIV и использую flex-wrap: wrap, чтобы сделать фотографии обернутыми, когда окно становится меньше. Когда я просматриваю страницу с планшета, Google Chrome отображает ее хорошо, однако браузер Android Web View 1 не отображает это должным образом. Может кто-нибудь, пожалуйста, дайте мне знать, как я могу отредактировать код, чтобы он правильно отображал изображения в веб-представлении 1.

Пожалуйста, смотрите ниже: на 1-м снимке экрана ниже вы можете видеть, что все фотографии переносятся правильно, и все они отображаются на экране при просмотре из браузера Chrome:

На 2-м снимке экрана я просматриваю ту же страницу с помощью Android Web View 1: посмотрите, как фотографии не упаковываются и они исчезают с экрана:

Ссылка на сайт находится здесь. CSS также встроен в HTML, поэтому вам просто нужно щелкнуть правой кнопкой мыши и выбрать Просмотр исходного кода, чтобы увидеть код: http://www.geocities.ws/sonnyk2015/sitelayout/index.html