移动端适配rem布局

最新推荐文章于 2024-05-17 17:40:41 发布

小小小少年_

最新推荐文章于 2024-05-17 17:40:41 发布

阅读量143

点赞数

分类专栏： javascript 文章标签： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_49293345/article/details/109363374

版权

javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

// 移动端适配方案：以750px设计稿为基准，1rem = 100px。eg：font-size: 0.32rem;(字体大小为32px)。
(function (document, window) {
  let designWidth = 750 // 设计稿宽度，需根据设计稿进行调整。

  document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px";
  window.onresize = function () {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px";
  }
}(document, window))

小小小少年_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端适配rem布局

// 移动端适配方案：以750px设计稿为基准，1rem = 100px。eg：font-size: 0.32rem;(字体大小为32px)。(function (document, window) { let designWidth = 750 // 设计稿宽度，需根据设计稿进行调整。 document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px"
复制链接

扫一扫

专栏目录

小小小少年_ CSDN认证博客专家 CSDN认证企业博客

码龄4年

46: 原创

42万+: 周排名

6万+: 总排名

5万+: 访问

: 等级

556: 积分

37: 粉丝

65: 获赞

11: 评论

109: 收藏

私信

关注

热门文章

分类专栏

前端 22篇
javascript 14篇
Java 1篇
react 12篇
nodejs 5篇
webpack 2篇
http 1篇

最新评论

web h5调用微信分享功能
学IT的猫: 我也这么处理，但是卡片上只显示链接，图片和标题都不显示这是为什么？求解答
canvas绘制图片二维码+文字+背景下载到本地
小小小少年_: 怎么说，解决了吗
canvas绘制图片二维码+文字+背景下载到本地
qq_75253813: 首次渲染的时候背景图加载不出来，咋整哦？
canvas绘制图片二维码+文字+背景下载到本地
七月吃橘子: ok感谢，当时已经做出来了，主要是画两个边框然后放个图片进去 //外框 ctx.moveTo(left - 20, top - 20); //将画笔移动到坐标 ctx.lineTo(left + imgwidth + 20, top - 20); //从画笔位置绘制直线到坐标 ctx.lineTo(left + imgwidth + 20, top + imgheight + 20); //从当前位置绘制直线到 ctx.lineTo(left - 20, top + imgheight + 20); //.从当前位置... ctx.closePath(); //闭合线条 ctx.lineWidth = 3; //线宽 ctx.strokeStyle = 'black'; //描边颜色 ctx.stroke(); //渲染直线(描边) //最内的框 ctx.moveTo(left, top); //将画笔移动到坐标 ctx.lineTo(left + imgwidth, top); //从画笔位置绘制直线到坐标 ctx.lineTo(left + imgwidth, top + imgheight); //从当前位置绘制直线到 ctx.lineTo(left, top + imgheight); // 从当前位置 ctx.closePath(); //闭合线条 ctx.lineWidth = 1; //线宽 ctx.strokeStyle = 'black'; //描边颜色 ctx.stroke(); //渲染直线(描边)
canvas绘制图片二维码+文字+背景下载到本地
小小小少年_: 不知道你要做什么效果，canvas还是挺灵活的，我做了个新效果，你可以看看，用[code=javascript] ctx.fillRect(25, 25, 100, 100); ctx.clearRect(45, 45, 60, 60); ctx.strokeRect(50, 50, 50, 50); [/code]也能实现边框效果

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。