js 字体大小 fontsize 怎么根据屏幕尺寸变化？

look_god 2016-03-22 08:57:36

不能直接用rem，因为其它引入的js只接受设定字体 px 的值。
同样是5寸的手机，有一些分辨率是1920*1080，有一些分辨率是1280×720，如果只是根据分辨率比例来算 px的值，两个同样大小的手机字体就会差别很大，有没有类似rem的值，或者获取到当前屏幕1rem究竟是多少px？然后我能根据这个来计算字体的大小（以px的方式表示）。
谢谢

...全文

438 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2016-03-22

打赏
举报

回复

$("html").css("fontSize") 就是1rem的大小

这在大尺寸下保持清晰，但在较小尺寸下会降低，并且还会带来性能损失。通常这种实现最适合大字体；并且可以通过缓存到屏幕外画布的路径来优化。对于更优化的渲染（带提示），位图字体值得探索。用法 var ...

这是因为，每次window.onresize 都会去执行 resize，而在屏幕分辨率发生变化的时候，window.onresize 和浏览器的自身实现有关系.不同的浏览器和操作系统实现可能不一样,目前谷歌是执行了两次，有是时候是一次。我们...

script src="jquery.min.js"></script> <script> var width = document.documentElement.clientWidth; if (width > 750) { width = 750 } var fontSize = width/7.5 console.log(width) ...

通过js控制页面大小，字体大小 function setRootFontSize() { var width = document.documentElement.clientWidth,fontSize; if(width > 750) { width = 750; } fontSize = (width / 750) * 100; ...

em是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无法预知的错误风险。 rem是 CSS3 新增的一个相对单位（root em...

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章