有没有办法font-size
相对于页面的大小?将百分比作为单位应用是指标准字体大小(如12px的90%,而不是页面的90%!).这与大多数其他标签的行为不同.
有没有什么方法可以使页面"上下缩放"?我应该依靠em
吗?
谢谢
查看新的vh和vw CSS单元.浏览器支持还不是很好.
http://snook.ca/archives/html_and_css/vm-vh-units
它最近登陆了WebKit:https://bugs.webkit.org/show_bug.cgi? id = 27160
在支持它的浏览器中,1 vh
视口高度1 vw
为1%(1/100),视口宽度为1%(1/100).还有vmin
和vmax
单位,分别代表两者中较小者和两者中较大者.
否,您无法以相对于页面大小的百分比设置字体大小.
大小调整em
是基于相对于字体通常在16点呈现的大小的大小.
如果你希望你的页面可以向上和向下缩放并保持某种比例,那么盒子和字体,然后设置它就em
可以了.
该方法将允许页面的字体和框的缩放以相对彼此的大小增长,并且希望不会使事物超出边界和边界.
试试像FitText这样的jQuery插件.它会自动调整文本大小以适合父元素的宽度.
另一个具有相同目标的jQuery插件是BigText(演示).