1、新建一个html文件,命名为test.html,用于讲解JS如何修改字体大小。
2、在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。
3、在p标签的下面,使用button标签创建一个按钮,名称为改变字体大小。
4、给button绑定onclick点击事件,当按钮被点击时,执行cgsize函数。
5、在test.html的js标签内,使用function声明一个函数cgsize。
6、在cgsize函数内,使用getElementById。方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。
7、在浏览器打开test.html文件,点击按钮,改变文字的大小。
如果使用的是华为手机,操作方法如下:1、字体大小与粗细进入设置 >显示和亮度 >字体大小与粗细 ,拖移滑块调整字体大小或字体粗细。2、放大或缩小屏幕内容显示大小可等比放大或缩小应用内显示的内容(如文字、图片等)。进入设置 >显示和亮度 >显示大小 ,拖移滑块调整显示大小。通过css 里面的font-size属性修改,比如:
position:relativeleft:0pxtop:0px
width:autoheight:82px
line-height:95pxvertical-align: middle
font-size:80px
display: inline-block