Медиа-запросы не работают на телефонах, но работают при изменении размера окна браузера.

На своем веб-сайте я использую медиа-запрос, чтобы изменить навигацию. Если окно имеет небольшую ширину, внизу должна отображаться панель навигации с кнопками.

Я использую:

 @media only screen and (max-width: 600px) {}

Поведение работает, когда я открываю страницу на компьютере с помощью браузера и уменьшаю ширину окна. Если я открою веб-сайт на своем телефоне или использую встроенный инструмент в Chrome, он не работает.