移动端less+rem布局

最新推荐文章于 2022-10-20 15:30:00 发布

徐小七七

最新推荐文章于 2022-10-20 15:30:00 发布

阅读量413

点赞数

分类专栏：浏览器兼容

本文链接：https://blog.csdn.net/xustart7720/article/details/89510185

版权

本文介绍了如何在移动端使用Less进行REM布局。首先展示了HTML示例，利用Less函数计算根元素字体大小，将屏幕分成10分。接着，详细解释了Less函数的使用，特别是在处理单位转换时的技巧。然后，说明了如何在其他Less文件中应用这些函数，确保在不同屏幕尺寸下元素尺寸与设计图相符。最后，作者总结了这种方法的优势，如避免手动计算，简化流程，并提到了自动化编译工具的使用。

摘要由CSDN通过智能技术生成

一、直接上例子啦 html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
  <title>xxx</titl