Использование JQuery для установки minwidth

Question

Просто маленький простой вопрос. Если я должен использовать Jquery для определения размера окна браузера пользователей, а затем принять это значение и объявить минимальную ширину свойства CSS с этим значением; будет ли это полезным способом отображения веб-страницы пользователю, независимо от устройства просмотра? (смартфоны & таблеток будут обнаружены с использованием мультимедийных запросов.) (В основном я думаю о пользователях с широкоформатными экранами и т. д.)

Я так думал, что могу сопоставить страницу, чтобы она идеально соответствовала процентам. То есть что-то вроде этого.

<div id="one"> < (width = 100%) 
    <div id="one">Hello World!</div> < (width = 50%) 
    <div id="two">Goodbye world!</div> < (width = 50%) 
</div> 

css будет работать немного;

#one { 
    width :100% 
    min-width : (determined by Jquery findings) 
} 

Извините, если это не имеет смысла, просто требуется мнение или два отзыва и небольшая обратная связь.

Answer 1

Вы должны использовать media query вместо JQuery:

Например, предположим, что вы хотите использовать другое значение для min-width если размер экрана меньше или равна 600px

#one { 
    width :100% 
    min-width : //your default value for other screen sizes 
}  

@media (max-width: 600px) { 
    #one { 
    width :100% 
    min-width : //your value when the screen size is less than or equal to 600px 
    } 
}