Question

web前端自适应问题！

急急急！手机看的话屏幕100%；电脑看显示480px；如何设置？随着窗口放大缩小，布局不变！用em设置长在手机上显示很小！

Answer 1

正确的做法是把页面分开，即判断浏览器，如果是手机，导向的是手机专用页面，否则导向pc专用页面，即使是手机，也有不同的分辨率，也需要判断并调整页面，如可用document.body.clientWidth获取屏幕宽度

追问

写两个css？

追答

两个页面用与不用css不重要

Answer 2

一般情况下你在meta里没有任何viewport设置的话，布局是不会跟着窗口大小而变化的。

但是如果你在css里有 @media screen and (min-width:xxpx){}这样的语法的话，布局是跟着窗口大小而变化的。