html和css布局怎么适配不同的分辨率

用html和css布局的页面,自己的电脑是1365 736的分辨率,放在1920 1080分辨率的屏幕上排版就乱了,这应该怎么解决

1.使用百分比 相对位置
2.先获取分辨率 然后对应的设置参数

根据屏幕尺寸写媒体查询自适应或者做成响应式http://www.w3school.com.cn/tags/att_style_media.asp

参考:http://blog.csdn.net/capmiachael/article/details/52797309

用百分比定义宽度,最大100% 这样页面布局后 不同分辨率就会按百分比进行缩放扩大。不影响布局,

请参考http://blog.csdn.net/capmiachael/article/details/52797309

自适应布局,只要在设置的时候用百分比就问题不大

自适应响应式布局,设定不同物理分辨率的不同的布局
这个可能需要你在PS上演练下
于无声处听惊雷吗

自适应布局一般都用百分比来控制。你可以给你的网页设定一个最小的尺寸,然后让他居中显示

使用百分比就可以了。看描述楼主应该是用的px,所以分辨了一变很多样式就乱了,非要用px的话可以获取当前屏幕的宽高,然后在按照比例设置就可以了

两个步骤:
1、@media screen and (max-width:1366px)和@media screen and (max-width:1920px)通过css样式覆盖
2、设置百分比