字体大小_html/css_WEB-ITnose
通过改变A的大小来改变当前页面字体的大小,这一块要怎么写
回复讨论(解决方案)
单纯的css不能完成这个任务需求，需要js的干预。
window.onload = function(){ var content = document.getElementById('content'); var btn = document.getElementById('btn'); var btns = btn.getElementsByTagName('button'); for(var i = 0; i < btns.length; i++){ btns[i].index = i; btns[i].onclick = function(){ changeSize(this.index); } } var arr = ['12px', '14px', '16px']; function changeSize(n){ content.style.fontSize = arr[n]; }};完整的代码：
<!doctype html><html><head> <meta charset="UTF-8"> <title></title></head><body><div id="btn"> <button>小</button> <button>中</button> <button>大</button></div><div id="content"> <p>1. 健康</p> <ul> <li>你会精力充沛，呼吸顺畅</li> <li>你会患上肺癌、呼吸系统疾病、心脏病</li> </ul></div><script> window.onload = function(){ var content = document.getElementById('content'); var btn = document.getElementById('btn'); var btns = btn.getElementsByTagName('button'); for(var i = 0; i < btns.length; i++){ btns[i].index = i; btns[i].onclick = function(){ changeSize(this.index); } } var arr = ['12px', '14px', '16px']; function changeSize(n){ content.style.fontSize = arr[n]; } };</script></body></html>
“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？
“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？
不建议直接改body,改body容易问题，所有字体都会变成同一个大小。等明天写个实例给你。
“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？
不建议直接改body,改body容易问题，所有字体都会变成同一个大小。等明天写个实例给你。
谢谢!
我需要的效果是通过点击A的大小,来改变所有页面字体的大小
如果字体大小是可以改变的,我就用em表示,如果是固定大小的就有px写死
$("html").css("font-size","12px");
<HTML><HEAD><TITLE>特定区域文字控制</TITLE><STYLE type=text/css>BODY { MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"}A { FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none}A:hover { FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline}A:active { FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033}.STYLE1 { font-size: 40px; font-family: "华文行楷"; color: #990000;}.STYLE2 { font-size: 30px; font-weight: bold; font-family: "黑体"; color: #0000FF;}</STYLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD><BODY bgColor=#fef4d9><BR><BR><CENTER><TABLE borderColor=#993399 border=5 borderlight="green"> <TBODY> <TR> <TD align=middle> <SCRIPT language=JavaScript>function doZoom(size){ document.getElementById('zoom').style.fontSize=size+'px'}</SCRIPT> <TABLE style="BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid" cellSpacing=0 width=200 align=center bgColor=#93bee2 border=0> <TBODY> <TR> <TD style="BORDER-BOTTOM: #336699 1px solid" width="83%" bgColor=#00FFFF>[<A href="javascript:doZoom(20)">大字</A> <A href="javascript:doZoom(14)">中字</A> <A href="javascript:doZoom(9)">小字</A>] <DIV></DIV></TD></TR> <TR bgColor=#ffffff> <TD id=zoom colSpan=2><div align="center">文字大小变化哦</div></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></BODY></HTML>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何调整Win10文件夹字体大小？
Jun 30, 2023 pm 08:02 PM
win10电脑文件夹字体大小怎么设置？win10文件夹字体大小设置方法是首先点击左下角开始，然后选择打开设置。很多小伙伴不知道怎操作，小编下面整理了文件夹字体大小设置方法步骤，如果你感兴趣的话，跟着小编一起往下看看吧！文件夹字体大小设置方法步骤1、首先点击左下角开始，然后选择打开设置。2、之后去点击“系统”。3、点击左侧的“屏幕”。4、在右边找到“更改文本、应用等项目的大小”。5、最后点击下拉，选择100%即可。以上就是【win10电脑文件夹字体大小怎么设置-文件夹字体大小设置方法步骤】全部内容
一加怎么调整字体大小_一加设置字体大小教程
Mar 23, 2024 am 08:31 AM
1、打开手机【设置】，点击【显示】选项。2、进入显示设置页面后，点击【字体大小】选项。3、进入字体大小设置页面，左右拖动滑块来调节字体大小即可。
eclipse字体大小设置方法
Jan 23, 2024 pm 03:09 PM
设置步骤：1、打开Eclipse，进入菜单栏Window -> Preferences；2、选择General -> Appearance -> Colors And Fonts；3、展开Basic -> Text Font，并点击右侧的Edit按钮；4、选择字体、字形、大小等属性，根据个人需求选择合适的字体大小，例如12、14或16等；5、点击Apply按钮应用更改即可。
苹果手机字体大小怎么设置
Mar 08, 2024 pm 03:40 PM
苹果手机字体大小设置的方法还是比较简单的，很多用户不知道具体应该怎么设置，有两种方法可以进行设置，分别是通过手机设置和辅助功能来调节字体大小。苹果手机字体大小怎么设置答：通过手机设置和辅助功能来设置大小1、用户点击手机设置进入显示与亮度的菜单。2、在显示与亮度中可以看到文字大小的选项，点击滑动。3、滑动滑块就可以设置文字的大小了，右侧滑动是变大，左侧滑动是变小。4、用户也可以通过苹果手机中的辅助功能来进行字体大小的设置。5、在设置显示与亮度中，继续向下滑动可以找到并点击辅助功能按钮。6、选择显示
短信里的字如何调大小
Aug 29, 2023 am 11:38 AM
短信里的字调大小的方法：1、在iOS设备上，打开“设置”应用程序，然后选择“显示与亮度”选项，找到“文字大小”滑块，通过滑动滑块，可以调整整个设备上的文字大小，包括短信中的文字；2、在Android设备上，打开“设置”应用程序并选择“显示”选项，找到“字体大小”选项，通过选择不同的字体大小，可以预览并调整短信中的字体大小。
win10字体太小放大到125%开始虚化
Feb 13, 2024 pm 08:24 PM
现今笔记本电脑分辨率极高，然而屏幕普遍在13-16寸之间，字体缩放设定为100%时，屏幕文字难以辨识，若设为125%则部分软件字体模糊或右击属性面板仍模糊。win10字体太小放大到125%开始虚化解决方法：1、解决方案为选择124%缩放比例，字体看似与125%同等大小，但不会产生模糊。在桌面空处右键，选择2、中，常用选项为100%或125%,弊端显然，100%字太小且清晰，125%字足够大却模糊。此时需点击3、在此高级设置页面，输入自定义缩放比例4、重启计算机后生效。重启后效果图显示，属性面板及
解答：WPS文档字体大小怎么调你需知！
Mar 20, 2024 pm 09:06 PM
Hello！各位同学们好，我又来给你们分享课程了！我们现在办公常用的WPS功能强大，是办公离不开的软件。也有许多同学是刚接触到WPS的，那么，对于如何在WPS文档中把文字放大一定很费劲吧！今天，我们来详细介绍一下如何在WPS文档中调整字体的大小。为了让大家更容易理解，我整理了一份关于【WPS文档中修改字体大小】的步骤说明，希望能为您提供帮助！在桌面上找到"WPS文字"图标并打开；输入你想要的文字，比如"HelloWorld"。请留意WPS文字默认的五号字体。2、选中需要增大的字体，然后点击字号大
win10教育版字体大小怎么设置
Feb 16, 2024 pm 01:33 PM
有很多小伙伴在使用win10教育版的时候会发现自己的字体太小了看不清，我们可以在个性化中找到字体功能，接着我们就可以根据字体的大小来进行调节就可以了。win10教育版字体大小怎么设置：1、进入Windows设置界面，选择选项。2、进入个性化页面后，点击功能模块。3、在字体界面中，选取所需使用的字体。4、最后，根据需求调整字体大小便可。
