标题字体一般都用一样大，电话单独一行，先做一个，然后内容复制到下一个，再编辑，这样子省的修改字体。
还有些客户可能内容不一样要求也不一样。设置自适应字体，例如设置字体font-size: 16rem;
设置body的字体样式：font-size:100px;
这样字体就可以根据盒子的大小来进行等比例缩放了。需求是导入文件内容，textarea文本框自动增加高度
如果要使用监听最好使用oninput而不是onchange：
onkeyup 使用复制粘贴时，高度不能自动改变
onchange 事件：在内容改变（两次内容有可能相等）且失去焦点时触发，不能实时同步
oninput 事件：HTML5 的标准事件，可以用来检测元素通过用户界面发生的内容变化，在内容修改后立即被触发
我这边是监听回车键，每次回车则重新设置高度<body>
文本框：<input id="txtId" type="text" style="width:25px" />
</body>
<script>
var widthSize = 25; //文本框长度
var size=0; //文本框字符长度
$("#txtId")keyup(function(){
//当前输入的文本比上一次的文本值长度短，就缩减文本框的宽度
if(thisvaluelength<size){
size=$("#txtId")val()length; //获取文本框的字符长度
widthSize=parseInt(widthSize-10); //当前文本宽度-10px
thisstylewidth=widthSize+"px";
return "";
//否则就增加文本框的宽度
}else{
size=$("#txtId")val()length; //获取文本框的字符长度
widthSize=parseInt(widthSize+10); //当前文本宽度+10px
thisstylewidth=widthSize+"px";
return "";
}
});
</script>
textarea{resize:none;}
<textarea style="resize:none;"></textarea>
html简介：
超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）