javascript怎么实现手机端rem自适应宽度为720像素

JavaScript010

javascript怎么实现手机端rem自适应宽度为720像素,第1张

首先要设置body的css样式,body{ font-size:62.5%/*16px*62.5%=10px*/}

if(screen.width==720)

{

div{font-size:1.4rem}

}

或者是用媒体查询

@media screen and (min-width:720px){

div { font-size:1.4rem}

}

希望对你有帮助,望采纳!

javascript screen对象获取屏幕宽高如alert(screen.height)

availHeight 属性 -- 窗口可以使用的屏幕高度,单位像素

availWidth 属性 -- 窗口可以使用的屏幕宽度,单位像素

colorDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)

pixelDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持)

height 属性 -- 屏幕的高度,单位像素

width 属性 -- 屏幕的宽度,单位像素

div设置定位,宽度高度设为屏幕一般半即可,至于居中的话可以绝对定位。