Различные уровни масштабирования показывают различную информацию

Question

Мне было интересно, возможно ли иметь различные уровни масштабирования, которые могут показывать разные уровни информации. Это, вероятно, не совсем понятно, так что идея заключается в том, что:

При нормальном увеличении: только изображения
максимальное увеличение: титров изображений
Минимальный зум: символы, соответствующие изображения (например, пиктограммы)

И это может быть действительно здорово, если эти слои могут смешиваться с идеей прозрачности. Увеличение между минимальным и нормальным показало бы изображения с 50% непрозрачности и их символы на одинаковом уровне непрозрачности.

Спасибо заранее, JJulien

Answer 1

Если вы хотите добавить функцию масштабирования только некоторые части вашего сайта: Это может быть сделано в JavaScript; Вы можете установить различный class на свой элемент тела для каждого уровня масштабирования, а затем определить, какое содержимое отображается в таблице стилей.

Look at this JSFiddle for a rough concept.

Если вы хотите реализовать масштабирование для всех веб-сайта, а не только части, проверить this question.