网页设计怎样在不同的分辨率下正常显示？

Question

如题，有什么方法在不同的分辨率正常显示，不会在小屏幕就很大的感觉？有什么css或者js，jq之类能控制的吗？

Answer 1

rem配合媒体查询+流式布局

Answer 2

响应式布局，可以看下bootstrap的实现

Answer 3

可以使用rem，先设置body字体大小，然后使用js判断分辨率，再相应的修改字体大小；或者你可以用媒体查询判断

Answer 4

首先你要有个<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">让屏幕1:1显示页面，然后可以用rem布局实现自适应，用媒体查询在相应的分辨率使用不同的css来做到响应式