Есть ли способ сделать размер сайта гибким для любых (или нескольких) разрешений, но с увеличением каждого элемента (что-то вроде zoom efect)? Таким образом, при большем разрешении изображения, кнопки и входы будут больше, а также текст? Возможно ли это?Как сделать автоматическое масштабирование на веб-сайте? гибкого для любого разрешения
Вам нужно сделать отдельный CSS для каждого разрешения, или вы можете просто попробовать методы jQuery!
Для правильного использования CSS с правильным разрешением вам необходимо использовать media queries.
Для jQuery обратите внимание на вопрос this, который проверяет масштаб в браузере.
Используйте медиа-запросы, как это:
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> <!-- for screen of width 800px -->
Использование медиа запросов ... простой пример использования размера шрифта:
@media (min-width:400px) {
p {
font-size: 10px;
}
}
@media (min-width:800px) {
P {
font-size: 12px;
}
}
пример предназначен только для р элементов, но может применяется к любому атрибуту размера.