首页 > 其他分享 >用js当页面大小改变时改变字体大小

用js当页面大小改变时改变字体大小

时间:2023-10-13 20:22:06浏览次数:43  
标签:style 字体大小 ziti js 改变 var document

商务合作

<!DOCTYPE html>
<html>

<body onresize="s()">
<div style="width:25%;color:red;" id='demo'>
 <span id="zt">商务合作</span>
</div>
</body>

</html>
<script>
function s(){
var obj = /\d+/.exec(document.getElementById('demo').style.width);
var ziti=document.getElementById('zt');
ziti.style.fontSize=obj*document.body.clientWidth/100/5+"px";
}
</script>

 

标签:style,字体大小,ziti,js,改变,var,document
From: https://www.cnblogs.com/luo9tian/p/17763058.html

相关文章

  • 7249: 改变数字 map
    描述 给定n个整数,现在每次能改动一个整数,问最少需要多少次改动才能将它们改成全部相同。 输入 第一行为正整数n(n<=1000000)。第二行为n个整数(绝对值不超过109)。 输出 输出最少改动的次数。 样例输入 512125样例输出 3map大法好呀#include......
  • cefsharp 执行 js 并返回结果
    privateasyncvoidbutton1_Click(objectsender,EventArgse){varresponse=awaitbrowser.EvaluateScriptAsync("document.title");if(response.Success)MessageBox.Show(response.Result?.ToString());response=awaitbrowser.......
  • JS加密/解密之webpack打包代码逆向
    Webpack是一个强大的打包工具,能够将多个文件打包成一个或多个最终的文件。然而,将已经经过打包的代码还原回原始源代码并不是一件直接的事情,因为webpack打包的过程通常会对代码进行压缩、混淆和优化,丢失了部分变量名和代码结构的信息。因此,完全还原打包前的源码可能并不现实。但......
  • js 下载csv
    exportToExcel(){varfileName="最新质量等级成本";constcsv=this.convertToCSV(this.datas);//将数据转换为CSV格式constblob=newBlob([csv],{type:'text/csv;charset=utf-8;'});//创建Blob对象constur......
  • Python JSON 库对 UTF8 字符的处理方式分析
    默认情况在使用json模块的json.dump时,默认会将非ASCII字符(中文字符等)进行Unicode转义,保证最终文件只有ASCII字符。例如下述代码:importjsonwithopen("text.json","w")asf:data={'1':111,'2':"你好",'3':"Hello",�......
  • json转excle代码
    一、需要安装pandas二、我的json文件内容[{"name":"John","age":28,"city":"NewYork"},{"name":"Alice","age":24,"city":"SanFrancisco"},{"name":"Bob......
  • 如何基于three.js(webgl)引擎架构,研发一套通过配置就能自动生成的3D机房系统
    序:这几年观察下来,大部分做物联网三维可视化解决方案的企业或个人,基本都绕不开3D机房。包括前面也讲过这样的案例《使用webgl(three.js)创建自动化抽象化3D机房,3D机房模块详细介绍(抽象版一)》 《 使用webgl(three.js)创建科技版3D机房,3D机房微模块详细介绍(升级版三)——......
  • js-base64加密解密
    下载安装npmi-Sjs-base64加密使用:Base64.encode('我是一段需要处理的字符')。解密使用:Base64.decode('5oiR5piv5LiA5q616ZyA6KaB5aSE55CG55qE5a2X56ym')使用引用import{Base64}from'js-base64'加密Base64.encode('我是一段需要处理的字符')解密Base64.dec......
  • 前端 - 使用json-server搭建单机mock平台
    使用json-server搭建单机mock平台 简介json-server是一个Node模块,可以指定一个json文件作为数据源,运行Express服务器。可以用来在本地快速搭建一个RESTAPI风格的后端服务,模拟服务端接口数据。官网地址:json-server-npm(npmjs.com)Github地址:GitHub-typicode/json-se......
  • 几何计算-基于Turf.js实现多边形的拆分及合并
    几何计算-基于Turf.js实现多边形的拆分及合并阿飞​红星美凯龙3D前端开发工程师​关注他 10人赞同了该文章❝JSAPIGL近期为支持物流行业实现了几何图形编辑器,用户可通过编辑器接口进行点、线、面、圆的绘制和编辑。在物流行业中常见的使用场景......