满意答案

首先说放大缩小字体,直接用js调整字体大小就可以了。

要实现刷新后依然显示之前缩放的大小,那就需要让浏览器记住之前的设置,把字体大小存到cookies中,打开网页再从cookies读取。

给你一段写好的供参考,先引入jquery.cookie.js

12345678910111213141516171819202122232425

var myContent = $('#intro, .article-content, .article-content p'); var fSize = parseInt($.cookie("fontSize") ? $.cookie("fontSize") : parseFloat(myContent.css('fontSize'), 10)); var cDomain = document.location.hostname.match(/[a-z0-9][a-z0-9\-]+\.[a-z\.]{2,6}$/i); var options = { path: '/', domain: cDomain, expires: 30 }; if(fSize){ myContent.css({'font-size': fSize + 'px'}); $.cookie("fontSize", fSize, options); } btnFont.click(function(){ $(this).addClass('on').siblings().removeClass('on'); var cID = $(this).attr("id"); if(cID=="btn-font-plus"){ if(fSize>=20) return; fSize += 2; }else if(cID=="btn-font-reduce"){ if(fSize<=12) return; fSize -= 2; }; myContent.css({fontSize: fSize}); $.cookie("fontSize", fSize, options); });

00分享举报

html字突然变大怎么办,html中手机打开页面刷新一下闪一下字变大了是怎么回事?...相关推荐

  1. Vue中监听页面刷新和关闭beforeunload事件

    代码 在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () {window.addEventListener('befo ...

  2. excel转word后表格超出页面_excel数据复制后表格变大-从excel中复制进word的表格,自动调整后表格太大,......

    excel的数据复制粘贴后中间空格非常大,好像是因为... 第二张图再复制,到一张新表时右键选择选择性粘贴,转置,横排变成竖排,然后再用筛选,把空白行一次筛选出来删除掉,还原,再转置回去就OK了 EX ...

  3. 在苹果手机html变大,苹果手机原来可以这样投屏到电视!一秒变大屏!太好用了!...

    有时候在打游戏追剧的时候,总觉得手机屏幕太小了,要是能变大一些就舒服多了!有时看到精彩的瞬间,还想记录下来分享给其他的小伙伴.今天小编就来跟大家分享如何用苹果手机进行投屏和录屏操作,有需要的小伙伴可以 ...

  4. vue项目中监听页面刷新和关闭

    在实际开发项目中,有时候我们需要在刷新和关闭时,触发一些功能,那么如何监听到页面的刷新和关闭呢? 1. 在methods中定义事件方法: methods: {beforeunloadFn(e) {co ...

  5. LINUX如何让内存FREE变大,(转)Linux中显示空闲内存空间的free命令的基本用法

    free 命令显示系统使用和空闲的内存情况,包括物理内存.交互区内存(swap)和内核缓冲区内存 参数 -b 显示内存的单位为字节 -k 显示内存的单位为 KB -m 显示内存的单位为 M -o 忽略 ...

  6. c语言编译器字体怎么变大,c语言中怎么将个别字体放大,如9,将其放大,怎么编程呢?...

    匿名用户 1级 2012-06-19 回答 字体通常分 向量型 和 点阵型两种.视窗现在常用的是 TTF 字体, 是 向量型.向量型相当于笔画坐标的描述,乘一个大于1的系数就是放大. 点阵型,例如 1 ...

  7. 华为计算机变大,华为P20P屏幕太小,一个小小的转换器,秒变电脑模式+超大屏幕...

    华为P20P屏幕太小,一个小小的转换器,秒变电脑模式+超大屏幕 2020-06-06 15:22:50 2点赞 2收藏 4评论 最近写了一篇关于华为手机,如何通过一条数据线连接家里的大屏幕显示器的教程 ...

  8. idea中浏览器打开页面404_深圳网站建设中的404页面有什么用

    通常我们访问网站时,遇到404页面会让人很扫兴,想想正在兴致勃勃的看新闻.找资料.看视频等等,突然出现一个巨大的404,告诉你找的东西不存在,是不是有种想砸键盘的冲动? 可偏偏有很多404页面让你看到 ...

  9. 百变大侦探剧本杀开启新玩法!等你一本正经胡说八“倒”

    "1234" "4321" 小时候的你有玩过这样的游戏吗? 当你一本正经的胡说八"倒"时候,童年的趣味就在游戏间.当然,正所谓"一 ...

最新文章

  1. 关于tcp、http可能你想知道的那些事
  2. 蜗杆参数法设计_技术贴 | 减速器结构及设计的注意事项
  3. [设计模式]策略模式
  4. GitHub 有望在中国开设子公司?
  5. Linux glib命令行解析GOptionEntry使用
  6. arch终端添加中文支持_arch/manjaro - 添加archlinuxcn的软件源
  7. 极客大学架构师训练营 大数据 GFS、MapReduce、BigTable,Hadoop HDFS Yarn HiveQL 第12次作业
  8. 什么是黑盒测试,和白盒测试的区别有哪些?
  9. 如何用卡片法写论文?
  10. VMWare ESXi thin磁盘空间回收,精简置备空间回收
  11. 武田宣布美国FDA授予ALUNBRIG® (brigatinib)作为ALK+转移性非小细胞肺癌一线治疗的补充新药申请优先审理
  12. Android 原生插件开发步骤
  13. xlsx表格怎么筛选重复数据_excel表格中如何筛选重复数据
  14. 线性回归2020年天猫双十一销量
  15. 计算机科学刘培姣,高中物理课堂融入物理学史体现核心素养的必要性
  16. Docker提交天池比赛流程
  17. 欧洲语言框架A1到C2,开言英语怎么样,学习过一段时间的效果评价
  18. sin cos 查表法算法解析
  19. 稀疏自动编码(Sparse Autoencoder)
  20. 【allegro 17.4软件操作保姆级教程八】布线操作基础之三

热门文章

  1. java计算机毕业设计校园便利店信息系统开发源代码+数据库+系统+lw文档
  2. TriggerEvent的动态用法
  3. 前端程序员怎么保护颈椎
  4. Homebrew 安装使用说明
  5. confluence页面加目录索引
  6. 用PHP画圆柱体,PHP使用JPGRAPH制作圆柱图的方法详解
  7. React虚拟滚动介绍与实现
  8. 使用 swift3.0高仿新浪微博
  9. ThunderboltEX 4 TB- HEADER 接线图
  10. Android开发 camera被占用的问题