修復視口響應網站

Question

我設計了一個自適應網站，但現在客戶要我來鎖定該網站的寬度，直到新的變化來實現。

當我鎖定容器的寬度時，媒體查詢仍然響應瀏覽器屏幕的大小而不是容器大小。

是否有辦法鎖定桌面的瀏覽器視口，以便它只識別較小的尺寸並使用這些媒體查詢？

我的網站是響應式的，但我想鎖定到1024px。當我這樣做，但在更大的屏幕寬度上查看它不拾取1024px媒體查詢樣式...

Answer 1

那麼顯而易見的解決方案將註釋掉其他媒體查詢，記住也註釋掉媒體查詢聲明爲1024px視圖。例如：

/* 
    ... 

    @media ... { 
     ... 
    } 

    @media screen and (max-width: 1024px) { 
*/ 
     elem { 
      ... 
     } 
/* 
    } 
*/ 

Answer 2

$('body').css('width','1024px');使用jQuery