如何针对不同的屏幕分辨率优化网站?

时间:2013-09-08 14:16:22

标签: html css

我应该使用不同的CSS文件,还是仅以百分比形式执行所有操作(例如,90%而不是1000px)。但是在以%表示所有内容时,我无法匹配div,字体大小等的背景图像

您能简单地给我一个关于如何实现这一目标的可靠解释的链接吗?

3 个答案:

答案 0 :(得分:2)

您可以在CSS中使用各种媒体标签来获得不同的屏幕分辨率。您可以使用empx%的组合。

现代浏览器还支持remrelative-em

我建议使用预先创建的HTML / CSS模板开始并根据您的要求进行自定义。 Bootstrap是您可能使用的非常常见和流行的模板。

答案 1 :(得分:1)

Bootstrap提供了很好的文档,在线提供了许多视频教程。我现在正在进入它。

答案 2 :(得分:0)

我会说使用类似bootstrap的东西作为你的基础css http://getbootstrap.com/getting-started/它可以帮助你分配重新发明轮子