Запросы CSS Media при изменении размера браузера?

Я думаю, что CSS-запросы не работают, так как пользователь изменяет размер браузера? Пользователь должен обновить страницу для того, чтобы медиа-запрос вступил в силу? Как я могу обновить медиа-запрос, возможно, с помощью JS? в настоящее время я использую JS для определения размера windows при изменении размера add addClass()

Вам не нужна JS для MediaQueries для работы или для определения размера экрана / порта отображения. Кроме того, вам не нужно обновлять браузер для получения результата MediaQuery.

Взгляните на эту статью за подробной информацией и «Как» для использования MediaQueries:

http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Вероятно, самый простой способ добиться этого – предоставить отдельные MediaQueries во главе HTML:

  

Вы также можете использовать MediaQueries в своей основной таблице стилей:

 @media screen and (max-width: 350px) { /* -- If the view port is less than 350px wide (portrait on phone) then display the following styles -- */ .content{ padding:6px; } } 

Я бы очень рекомендовал потратить время на чтение этой статьи, чтобы лучше понять MediaQueries. Как только вы поймете, как их лучше всего использовать, вы найдете их бесценными!