Javascript 自动缩放内容、页眉和其他字体大小

Javascript 自动缩放内容、页眉和其他字体大小,javascript,html,css,layout,Javascript,Html,Css,Layout,我用这种技术找到了一个很棒的网站—— 当您更改屏幕宽度时,网站会自动缩放其内容(字体大小、元素位置等) 因此,我们在每台显示器上都有适当的内容视图,而不是在高清(1980*1280)显示器上看到的丑陋的小字体,它可以在每一个960px宽的站点上看到。我的意思是,如果在高清显示器上不放大(ctrl++)960像素宽的站点,字体仍然很小 所以问题是:是否有一些通用的解决方案来创建自动缩放站点?或者每个案例都必须以其独特的方式制作?该网站正在使用CSS媒体查询来根据屏幕大小调整布局。您可以在此处阅读规

我用这种技术找到了一个很棒的网站—— 当您更改屏幕宽度时,网站会自动缩放其内容(字体大小、元素位置等)

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


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

该网站正在使用CSS媒体查询来根据屏幕大小调整布局。您可以在此处阅读规范:

Alistaparat不久前有一篇关于它的文章,作为处理媒体查询的入门: