停止窗口調整大小在768px以下

Question

我希望整個頁面（窗口）停止調整大小在768px以下，並且不應該有768px以下的任何水平滾動。有沒有辦法做到這一點？

Answer 1

您無法控制窗口的大小。您可以使用CSS設置最小寬度和最小高度屬性，以確保您的頁面佈局保持健全。

Answer 2

瀏覽器/窗口在用戶的控制下，也依賴於設備。

使用CSS，你可以使用設置你的頁面的最小寬度：

min-width:768px; 

然而，當用戶改變瀏覽器下面的這個階段，你會看到滾動條顯示。您的網站將不再調整尺寸並縮小尺寸，但用戶需要左右滾動以查看網頁的全部內容。

如下文所述，您可以隱藏滾動條與

overflow:hidden; 

還是要針對特定​​的滾動條：

overflow-x:hidden; 
overflow-y:hidden; 

但是，用戶仍然需要橫向滾動到你的全部內容...

Answer 3

如果你想得到窗口的大小，你可以這樣做：

var wid = $(window).width(); 
if(wid> 768){ 
    // something 
} 

綁定窗口中使用resize事件

$(window).on('resize', function(event){ 
    //here goes the magic 
}); 

Answer 4

使用jQuery

$(document).ready(function(){ 
    if($(window).width() < 768){ 
    //do something 
    } 
}); 

使用CSS

@media only screen and (max-width:768px) 
    { 
    /*do something*/ 
    }