Лучший способ масштабирования элементов HTML

Question

Я ищу некоторые варианты масштабирования некоторых элементов HTML для использования на большом экране (например, в киоске). В настоящее время я использую шкалу CSS3(), чтобы получить относительно кросс-браузерный масштаб (спасибо cssplease), но, если у кого-нибудь есть лучшее предложение.

В первую очередь, я смотрю на виджеты рендеринга (HTML, js и изображения) в больших масштабах (например, от 400x200px до 800x500). Хотя я мог переписать каждый виджет для большего масштаба, я решил проверить свои варианты.

Есть ли что-то, что может сделать SVG или холст? CSS3 scale() в порядке, но изображения нужно заменить версиями с высоким разрешением. Текстовый интервал, похоже, также слегка отключен.

Спасибо!

Answer 1

CSS3 Преобразования по-прежнему являются лучшим вариантом для того, что я хочу, особенно для производительности браузера.

Answer 2

Не уверен, если вы понимаете, что правильно, но если вам нужен ваш сайт, изображения, видео и т. Д., Чтобы хорошо выглядеть на любом экране (с любым разрешением), вы могли бы попытаться найти отзывчивый дизайн. У вас есть возможность использовать запросы CSS медиа, чтобы настроить веб-сайт для различных разрешений экрана, он также будет поддерживать исходное качество изображения и т.д.

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/

Я нашел их очень помощь полный и как только вы войдете в него, вы легко создадите масштабируемые веб-сайты;))

Answer 3

Это может быть обширная модификация но вы можете определить размеры своих элементов с помощью ems, а затем использовать медиа-запросы, чтобы увеличить размер базового шрифта для разных размеров экрана. Так что, если размер вашего базового шрифта составляет 16 пикселей, основной столбец может быть 47em, sidebar 12em, для приблизительной ширины сайта 1000 пикселей. Затем вы можете использовать медиа-запросы для обнаружения большего браузера, и все, что вам нужно сделать, это увеличить базовый размер шрифта до 20px и альта, ваш сайт теперь на 25% больше.