自动缩放内容,标题和其他字体大小

时间:2011-04-12 18:01:38

标签: javascript html css layout

我用这种技术找到了很棒的网站 - http://www.informationarchitects.jp/en/ 当您更改屏幕宽度时,网站会自动缩放其内容(字体大小,元素位置等)。

所以我们在每台显示器上都有适当的内容视图,而不是HD(1980 * 1280)显示器上的丑陋小字体,可以在每个960px宽的站点上看到。我的意思是如果你不在你的高清显示器上放大(ctrl + +)960像素宽的网站,字体仍然很小。

所以问题是:是否有一些常用的解决方案来制作自动缩放网站?或者每个案例都必须以独特的方式进行?

1 个答案:

答案 0 :(得分:1)

该网站正在使用CSS Media Queries来调整布局以适应屏幕大小。您可以在此处阅读规范:http://www.w3.org/TR/css3-mediaqueries/

alistapart有一篇很棒的文章,作为处理媒体查询的入门书:http://www.alistapart.com/articles/responsive-web-design/