Здравствуйте, первый раз сталкиваюсь с проблемой, уже все перелопатил, но не могу решить проблему, возможно дело именно в CMS. На тесте скорости pagespeed insights мобильная версия отображается неправильно
Вот нормальное отображение
Все сделано на медиазапросах, тег присутсвует
Код
<met a name=viewport content="width=device-width, initial-scale=1.0 " />
Что пробовал делать: Перенес стили для каждого разрешения в свой отдельный файл, подключаю их, проверяя media
Код
<li nk rel="stylesheet" media="only screen and (max-width:1025px)" href="<?=SITE_TEMPLATE_PATH?>/media1025.css"><li nk rel="stylesheet" media="only screen and (min-width: 735px) and (max-width: 1025px)" href="<?=SITE_TEMPLATE_PATH?>/media735-1025.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 735px)" href="<?=SITE_TEMPLATE_PATH?>/media320-735.css">
<li nk rel="stylesheet" media="only screen and (min-width: 375px) and (max-width: 426px)" href="<?=SITE_TEMPLATE_PATH?>/media375-426.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 426px)" href="<?=SITE_TEMPLATE_PATH?>/media320-426.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 374px)" href="<?=SITE_TEMPLATE_PATH?>/media320-374.css">
В robots.txt прописал директивы, чтобы файлы стилей были доступны роботам
Александр Юдин написал: Добавил все директивы в robots, никак не помогло.
Предполагаю что на рендеринг страницы отводится определенное количество времени и все что отрендерилось за это время и отображается в виджете. Для анализа я бы посоветовал использовать другой инструмент - Lighthouse - встроенный в консоль разработчика браузера Google Chrome. Он покажет куда более интересную и подробную картину