【抬杠】在某些时候不希望用户缩小浏览器的宽度，因为咳咳~会导致你的布局混乱，那么这个代码就是帮助你如何限制浏览器宽度的

方式1：简单纯粹，非Vue项目直接复制用完即走！

/*限制浏览器宽度*/
@media screen and (max-width: 1200px) {html {overflow: hidden;}html:after {content: "← 亲！请保持网页宽度>1200像素 →";position: fixed;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: white;background: #3873FF;z-index: 999999999;}
}

方式2：SCSS代码，自由度更高，灵活修改宽度限制的值

/*限制浏览器宽度*/
$minScreenWidth:1200;//浏览器最小宽度
@media screen and (max-width:$minScreenWidth+'px') {html {overflow: hidden;}html:after {content: "← 亲！请保持网页宽度>#{$minScreenWidth}像素 →";position: fixed;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: white;background: #3873FF;z-index: 999999999;}
}

【抬杠】在某些时候不希望用户缩小浏览器的宽度，因为咳咳~会导致你的布局混乱，那么这个代码就是帮助你如何限制浏览器宽度的相关推荐

用户登录 kibana 时，提示 “no permissions...” ，导致用户无法查看 log
Get error in Kibana and cannot view any logs a admin user cannot see any logs in Kibana 1. 背景 2. 环境 ...
oracle锁住用户有什么用,oracle 用户user锁定lock如何知道是什么原因导致的
问题数据库用户被锁了,如何查看什么原因导致被锁的呢结论 1,dba_users是由底层表user$,profile$,profname$相关表构成,当然还有ts$ 2,dba_users与账户锁定 ...
oracle 用户被锁在sga,Oracle 用户user锁定lock如何知道是什么原因导致的
问题 Oracle数据库用户被锁了,如何查看什么原因导致被锁的呢结论 1,dba_users是由底层表user$,profile$,profname$相关表构成,当然还有ts$ 2,dba_user ...
由于检索用户的本地应用程序数据路径时出错,导致无法生成 SQL Server 的用户实例...
IIS->你的本地服务器->应用程序进程池->选择一个,我选的是默认那个DefaultAppPool,然后右键选择高级设置->进程模型->加载用户配置文件设置为TRUE ...
Nuxt - 自定义页面布局，＜Nuxt /＞个性化多套模板（一个项目内既要有用户正常浏览的普通页面，又要存在后台管理系统布局的页面）
前言使用 Nuxt.js 开发项目时,遇到了带 "后台管理" 的功能,即一个正常供用户浏览的页面,点击控制台或个人中心进入后台管理界面,里面为菜单和主体内容的左右布局,点击菜单跳 ...
完成新增商品功能当中的一个功能（如何在用户选择商品分类的时候，根据商品分类id去在数据库里面匹配对应的品牌信息，并且返回到浏览器给用户进行选择品牌）
首先说一下一个数据库的知识,如果我们要实现删除或者设置为是否上架的话,其实在数据库里面都是一种相当于更新的操作,为什么这么说呢?因为在数据库里面,你删除它,它只是把下图中圈出来的地方的数值变为0而已. ...
Python爬取网站用户手机号_用Python爬虫爬取学校网妹子QQ号，100行代码撩妹，用技术脱单...
前言: 其实这个项目没什么难度,稍微懂一点爬虫的人或者是已经就业的程序员都可以用自己学的编程语言写出来,但是正是这也原因,也间接证明现在网络很多安全问题的存在,简单的说就是这个网站的程序员偷懒,让用户 ...
在用户输入手机号或者要求输入纯数字时，输入法自动切换到数字的代码
editText.setInputType(EditorInfo.TYPE_CLASS_PHONE); 转载于:https://www.cnblogs.com/rh1910362960/p/42503 ...
记一次vue获取微信用户信息
使用vue静态页获取微信的用户信息,通过调取微信的接口进行实现. 注意:我写的代码判断了只有在微信浏览器打开才可以获取用户信息,别的还没有进行测试!!!!!!!!!! 第一步:获取code getCo ...

【抬杠】在某些时候不希望用户缩小浏览器的宽度，因为咳咳~会导致你的布局混乱，那么这个代码就是帮助你如何限制浏览器宽度的

【抬杠】在某些时候不希望用户缩小浏览器的宽度，因为咳咳~会导致你的布局混乱，那么这个代码就是帮助你如何限制浏览器宽度的相关推荐

最新文章

热门文章