浏览器尺寸问题

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样式表解决?

阅读 2.9k
5 个回答

html根样式添加max-width:1920px试试;

pc上没有必要还要分类,一般都是高度100%,长度方面居中自适应

新手上路,请多包涵

你的笔记本的分辨率肯定不是1920的,你要解决的就是自适应的问题,你可以按照比例写,比如width:100%; 盒子里面的内容也按照比例来设置,比如一个盒子里面的三个模块,你可以设置 width:33%; 就这样一直缩放,到了一定的大小,你再微调样式 @media(max-width:1000px){

 //要改变的样式写在这里 比如
 body{
     width:20%;
 }   

}

宽度设置100%;高度不设置

看你想要什么效果了,自适应的话就要根据百分比来写,如果不是自适应,一般会定义一个最小的宽度,比如min-width:1200px,小于1200px的时候才出现滚动条

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进