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

我希望整个页面（窗口）停止在768px以下调整大小，768px以下不应有任何水平滚动。有办法吗？

您无法控制窗口的大小。您可以使用CSS设置最小宽度和最小高度属性，以确保页面布局保持正常。

您无法控制窗口的大小。您可以使用CSS设置最小宽度和最小高度属性，以确保页面布局保持正常。

浏览器/窗口由用户控制，并取决于设备

使用CSS，您可以使用以下命令设置页面的最小宽度：

min-width:768px;

但是，当用户将浏览器的大小调整到低于此阶段时，您将看到出现滚动条。您的站点将不再调整大小并变小，但用户需要左右滚动才能查看页面的全部内容

如下所述，您可以使用隐藏滚动条

overflow:hidden;

或以特定滚动条为目标：

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

---

但是，用户仍然需要侧滚才能看到您的全部内容。

浏览器/窗口由用户控制，并且也取决于设备

使用CSS，您可以使用以下命令设置页面的最小宽度：

min-width:768px;

但是，当用户将浏览器的大小调整到低于此阶段时，您将看到出现滚动条。您的站点将不再调整大小并变小，但用户需要左右滚动才能查看页面的全部内容

如下所述，您可以使用隐藏滚动条

overflow:hidden;

或以特定滚动条为目标：

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

---

但是，用户仍然需要侧滚才能看到您的全部内容…

如果您想获得窗口的大小，可以这样做：

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

使用

resize

event绑定窗口大小调整事件

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

---

如果要获得窗口的大小，可以按如下方式进行：

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

使用

resize

event绑定窗口大小调整事件

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

---

使用Jquery

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

---

使用Jquery

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

---

您可以通过@media tagNo在css中设置限制。用户可以控制他们的浏览器。你可以强制你想要缩放到的最小宽度，但超过这个宽度，就是滚动条时间了。你是说响应CSS？因为您无法停止用户调整浏览器的大小。正文或html标记上可以有最小宽度。使用包含页面的div，该div具有

max width

和

scroll-x

属性。您无法对浏览器大小执行任何操作。用户想做什么就做什么如果我正确理解你想要什么，我可以告诉你我不想要。你可以通过@media tagNo在css中设置限制。用户可以控制他们的浏览器。你可以强制你想要缩放到的最小宽度，但超过这个宽度，就是滚动条时间了。你是说响应CSS？因为您无法停止用户调整浏览器的大小。正文或html标记上可以有最小宽度。使用包含页面的div，该div具有

max width

和

scroll-x

属性。您无法对浏览器大小执行任何操作。用户想做什么就做什么如果我正确理解了你想要什么，我可以告诉你我不想要。你可以告诉浏览器不要显示带有CSS的滚动条。

溢出：隐藏

^你可以告诉浏览器不要显示带有CSS的滚动条。

溢出：隐藏

^