基于容器大小的响应字体大小

Question

简而言之，我试图使这些符号“90％”（例如）容器div的大小。此外，font-size必须对window.resize做出响应。

http://www.jsfiddle.net/b7g1bxqw/

Answer 1

也许Viewport百分比单位可以帮助你。

尝试这样的事情：

.chessGrid1, .chessGrid2 {
	width:11.11%;
	float:left;
	text-align:center;
	display:block;
    font-size: 10vw;
}

有关详细信息，请参阅旧帖子：Font scaling based on width of container

希望它有所帮助...