停止窗口調整為768px以下

Question

我希望整個頁面（窗口）在768px以下停止調整大小，並且在768px以下不應有任何水平滾動。 有什么辦法嗎？

Answer 1

瀏覽器/窗口在用戶的控制范圍內，並且還取決於設備。

使用CSS，您可以使用以下方法設置頁面的最小寬度：

min-width:768px;

但是，當用戶將瀏覽器的大小調整到此階段以下時，您將看到滾動條出現。 您的網站將不會再調整大小並變小，但用戶將需要向左和向右滾動以查看頁面的全部內容。

如下所述，您可以使用

overflow:hidden;

或定位到特定的滾動條：

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

但是，用戶仍然需要側向滾動才能看到您的完整內容...

Answer 2

您無法控制窗口的大小。 您可以使用CSS設置min-width和min-height屬性，以確保頁面布局保持理智。

Answer 3

如果要獲取窗口的大小，可以這樣：

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

使用resize事件綁定窗口調整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*/ 
   }