Сокращение содержимого HTML без окна просмотра

Question

У нас есть приложение LOB на основе веб-приложений, и в настоящее время мы сокращаем содержимое приложения, когда оно переходит в браузер с меньшим разрешением, то есть IPad, используя окно просмотра. с помощью JavaScript:

document.querySelector("meta[name=viewport]").setAttribute(
      'content', 
      'width=device-width, initial-scale=0.8'); 

Это работает отлично asthecially, но, кажется, производит удар по производительности, когда браузер должен масштабировать все вниз, особенно с нашим управлением кэндо (сетка имеет массивный удар).

Просто интересно, может ли кто-нибудь советовать лучше, чтобы уменьшить масштаб окна просмотра без каких-либо проблем с производительностью?

Answer 1

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

Кроме того, ваш дескриптор viewport as -int обычно не масштабирует страницу, если у вас нет содержимого, которое явно больше размера вашего макета (например, очень широкое изображение). Браузер автоматически уменьшит масштаб, чтобы отобразить весь контент при загрузке, поэтому лучше всего выбрать хорошую ширину макета для вашей страницы (например, width=1200) и не устанавливать начальную шкалу. width=device-width попытается вывести вашу страницу в размер экрана устройства, чего вы не хотите, если пытаетесь масштабировать страницу.