Несколько лет назад я создал веб-сайт, где использовал медиа-запросы CSS для форматирования для мобильных устройств. Сегодня, работая над обновлением сайта, кажется, что какие-либо изменения, которые я делаю в мобильных запросах, не отвечают.
HTML настроен так:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
CSS Media Queries настроены так (для портретной и альбомной ориентации):
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2)
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2)
Код, который я ранее написал, все еще работает, но любые новые изменения не отображаются. Кто-нибудь знает, почему это происходит?
Также, полный сайт здесь: https://estherloui.se/