PC端网页自适应不用分辨率大小屏幕

由于@media 这一属性太复杂 所以在一般的公司网页制作中  我们可以直接根据浏览器窗口的大小来做自适应

var height = window.innerHeight ||(document.documentElement&&document.documentElement.clientHeight)||document.body.clientHeight;

var width = window.innerWidth ||(document.documentElement&&document.documentElement.clientWidth)||document.body.clientWidth;

然后在css中 有关margin和padding属性直接用百分比来表示  这样一来在不同分辨率大小的pc端都可以原版显示

不会出现空白等现象

你可能感兴趣的:(PC端网页自适应不用分辨率大小屏幕)