В двух словах я пытаюсь сделать эти символы «на 90%» (например) размером с div контейнера. Кроме того, размер шрифта должен реагировать на window.resize.Ответственный размер шрифта в зависимости от размера контейнера
http://www.jsfiddle.net/b7g1bxqw/
Может быть, в процентах Единицы Viewport может помочь вам в этом.
Попробуйте Somthing так:
.chessGrid1, .chessGrid2 {
\t width:11.11%;
\t float:left;
\t text-align:center;
\t display:block;
font-size: 10vw;
}Смотрите также старую запись для получения дополнительной информации: Font scaling based on width of container
Надеется, что это помогает ...
Пробовал, но это применяется к окну просмотра, а не к контейнеру .chessGrid, поэтому он перекрывает поля – gdjc
И я не могу используйте запросы @media, потому что страница полностью отзывчива и поэтому не могу указать максимальную ширину, если я не делаю ее для каждого пикселя – gdjc
Это делает это отлично: http://caustique.github.io/chessboard-js/#/ – gdjc