Responsive design 在android sony xperia中，我的网站只占据了我手机浏览器屏幕的一小部分_Responsive Design_Web

Responsive design 在android sony xperia中，我的网站只占据了我手机浏览器屏幕的一小部分

responsive-design web

Responsive design 在android sony xperia中，我的网站只占据了我手机浏览器屏幕的一小部分,responsive-design,web,Responsive Design,Web,这是它的代码，当通过android chrome浏览器Xperia z1看到它时，它只占据了浏览器页面的1/3 请有人建议一些改变 <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="

这是它的代码，当通过android chrome浏览器Xperia z1看到它时，它只占据了浏览器页面的1/3 请有人建议一些改变

    <html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
    <style type="text/css" >
*{
    margin:0;
}



html { 
  background: url('Startupal coming soon4.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 600px) {

    img src="Startupal coming soon4.jpg" {width: 100%; height: 100%; margin: 0; padding; 0;}
}


}

</style>
</head>
<body>

</body>



</html>


*{
保证金：0；
}
html{
背景：url（'startual coming soon4.jpg'）无重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
@仅介质屏幕和（最大宽度：600px）{
img src=“Startupal coming soon4.jpg”{宽度：100%；高度：100%；边距：0；填充；0；}
}
}

这是全部代码，它在pc上运行良好，但在手机上运行不正常

使用javascript脚本标记或文件，并在每次调整页面大小时更新html主体元素的宽度和高度

我通常使用window.innerWidth和innerHeight，因为它是交叉兼容的，看起来很可靠

window.addEventListener("resize", onResize);
function onResize(){
    document.body.width = window.innerWidth;
    document.body.height = window.innerHeight;
}