停止窗口调整大小低于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事件

绑定窗口调整事件大小

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

Answer 4

使用Jquery

get '/welcome', to: redirect('/welcome/1')
get 'welcome/:id' => 'users#welcome'

使用CSS

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