PC端网页自适应不用分辨率大小屏幕
2017-02-10 15:05
288 查看
由于@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端都可以原版显示
不会出现空白等现象
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网页适应不同屏幕分辨率常用做法
- pc端网页自适应各版本移动端屏幕大小
- 使PC端网页宽度自适应手机屏幕大小
- Qt中根据pc屏幕分辨率按比例修改窗口的大小
- 自适应网页里,字体大小如何自适应屏幕
- RS报表自动适应屏幕分辨率大小
- js让网页适应屏幕大小
- JS控制网页文字大小,使其能够自适应屏幕大小
- 怎样能在大小不同的屏幕上显示同样的网页(自适应网页设计)?
- 如何使网页自适应电脑屏幕分辨率
- JS控制网页文字大小,使其能够自适应屏幕大小
- H5网页开发新手入门-H5网页如何适应不同手机屏幕分辨率?
- Android 自适应不同分辨率或不同屏幕大小
- 如何使网页自适应电脑屏幕分辨率?
- RS报表自动适应屏幕分辨率大小
- 网页自动适应不懂分辨率屏幕问题
- PopupWindow自适应不同大小的以及不同分辨率的屏幕
- webview网页自适应手机屏幕大小
- 网页自适应屏幕大小
- 移动网页设计规范(适应手机屏幕大小)