放大縮小不改變排版，這一般是指前端的響應式技術。

當然，響應式技術也有一定的界限範圍的。如果將電腦端的網頁，縮小放到手機端也不改變排版，這樣出來的效果會很差。

響應式技術核心是透過媒體查詢，實現一套設計，適配不同尺寸的螢幕。在尺寸的某個區間內，其排版不變，而超出區間，則排版發生改變。

如果確實希望怎樣縮小放大排版均不會發生變化，直接使用百分比佈局即可，不需要額外的技術，但使用者體驗肯定不夠好。

PC端新增以下meta內容即可： .... 2. Mobile端新增以下meta內容即可： ..... 說明： target-densitydpi=device-dpi，指定螢幕畫素密度DPI，device-dpi 為裝置原本的DPI值，不會有任何縮放。

這樣就只能做響應式佈局了，不過不是以js 來主導，得用css 來主導，目前我瞭解到的有：

CSS 媒體查詢可以讓我們針對不同的媒體型別定義不同的樣式，當重置瀏覽器視窗大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。