发布时间:2019-06-23作者:laosun阅读(2240)
一行代码禁用Ace Template Admin、bootstrap 手机端适配,禁用响应式布局的解决办法
禁用Ace Template Admin的响应式布局,也就是禁用手机端自适应。
因为这个响应式布局做的实在难看,乱糟糟的。
所以博主从网上找了一些禁用方式,但是大部分都是bootstrap的禁用方式,而且极其的麻烦,都懒得尝试。
下面博主分享自己的禁用方式,一行代码即可解决。
众所周知,设计响应式页面的时候,经常会碰到某些浏览器他会缩小整个页面的大小来防止出现页面被截取的情况,
我们需要通过放大才能看到其中的内容,这是移动浏览器自动调整页面的功能。
<meta name="viewport" content="initial-scale=2.0,width=device-width"/>
<meta>标签,name="viewport"不言而喻,指的是对视口进行调控,content="initial-scale=2.0" 的意思是将页面放大两倍(同理,0.5表示缩小一半,3.0表示放大3倍),
那么我们只要在页面增加下边这行代码是不是就能解决了呢。
<meta name="viewport" content="initial-scale=0.1,width=device-width"/>
没错,还真能解决! 意思就是我将页面缩小至0.1,该值的大小和页面被放大的倍数是成正比的。
版权属于: 技术客
原文地址: https://www.sunjs.com/article/detail/a75fdfd7303d499cb898e2c7e0c70378.html
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。