html div 字体向左自动,字体大小自动适应DIV.html

phone 设计

.body {

font-size: 62.5%

}

.div {

width: 100%;

height: 20%

}

.span {

font-size: 3.2em;

}

文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小文字变小

字体怎么随DIV大小变化而变化

window.onload = function() {

var str = document.getElementById("str");

var fontw = 12; //初始的字体大小

var fonth = fontw + 2; //初始字体高度

var width = str.offsetWidth; //DIV的宽度

var height = str.offsetHeight; //div的高度

var lenstr = str.innerHTML.length; //DIV里文字长度

fonts = fontw * fonth * lenstr; //字体面积

divs = width * height; //DIV面积

//if(fonts>divs){

var rfont; //重设字体大小为rfont

rfont = Math.round((Math.sqrt(4 * lenstr * divs - 4 * lenstr * lenstr) - 2 * lenstr) / (2 * lenstr));

str.style.fontSize = rfont + "px";

//}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史