UI给的图width是1920px,我就是按原始大小做的,但是在自己笔记本浏览器打开,全屏显示不下,这个时候是需要我做不同尺寸的等比例缩放嘛?
根据 <link rel="stylesheet" type="text/css" media="only screen and (min-width: 1920px),only screen and (max-device-width: 1920px)" href="css/index.css"/>
这样类型加载不同的css样式表解决?
UI给的图width是1920px,我就是按原始大小做的,但是在自己笔记本浏览器打开,全屏显示不下,这个时候是需要我做不同尺寸的等比例缩放嘛?
根据 <link rel="stylesheet" type="text/css" media="only screen and (min-width: 1920px),only screen and (max-device-width: 1920px)" href="css/index.css"/>
这样类型加载不同的css样式表解决?
你的笔记本的分辨率肯定不是1920的,你要解决的就是自适应的问题,你可以按照比例写,比如width:100%; 盒子里面的内容也按照比例来设置,比如一个盒子里面的三个模块,你可以设置 width:33%; 就这样一直缩放,到了一定的大小,你再微调样式 @media(max-width:1000px){
//要改变的样式写在这里 比如
body{
width:20%;
}
}
html根样式添加max-width:1920px试试;