CSS-масштабирование на основе базовой ширины
Я знаю, что есть несколько подходов для масштабирования моего сайта. Но я даже не мог найти умный способ масштабирования моей страницы на основе ширины базы. Скажем, я оптимизировал свой мобильный сайт для определенной ширины и для всех других ширин, страница масштабируется. Я могу установить базовую ширину на 640 пикселей - если область просмотра для посетителей составляет 640 пикселей, элементы не масштабируются. Если область просмотра посетителей 1000ox, элемент должен быть масштабирован с коэффициентом 1,5625 (1000 пикселей /640 пикселей). Какой умный способ добиться этого. Да, я мог бы запустить JS, чтобы получить окно просмотра и вычислить ширину, но я бы предпочел решение CSS - например, установить параметр и умножить ширину внутри классов. Спасибо и всего наилучшего:)
1 ответ
Вот небольшой список того, что вы должны рассмотреть в css.
Медиа-запросы: они могут помочь вам установить фиксированную ширину в зависимости от того, какой размер требуется пользователю.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Использовать проценты. Используя проценты вместо фиксированной ширины, объект, к которому вы применяете его, подстраивается под экран пользователя.
https://www.w3schools.com/cssref/pr_dim_width.asp
Использовать минимальную ширину и максимальную ширину: это позволяет вам установить минимальную или максимальную ширину, что облегчает настройку веб-сайта в соответствии с используемым размером экрана.
https://www.w3schools.com/cssref/pr_dim_min-width.asp https://www.w3schools.com/cssref/pr_dim_max-width.asp
Я надеюсь, что это поможет вам немного:)
с этим можно поиграть: https://www.w3schools.com/cssref/playit.asp?filename=playcss_width&preval=50%25