首页 > 建站教程 > html教程 >  非响应式网站在手机下显示不全正文

非响应式网站在手机下显示不全

客户要求网站不做成响应式,一开始,忘了把手机下网站缩放的代码:

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

去掉,客户说在手机下显示不全:

000.png


这是因为网站并没有去适应手机。于是,把上面那行去了,哪晓得变成了下面这种效果

111.png


经过几番摸索,总算解决了,还是上面那段代码,只不过把参数1改成0.28即可:

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.28, maximum-scale=0.28, minimum-scale=0.28">


最终效果如下:

222.png