欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

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

发表日期:2019-09 文章编辑:小灯 浏览次数:769

由于@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端都可以原版显示

不会出现空白等现象


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/20959.html
相关企业建站知识
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.