Superman_H的博客

# 移动端适配方案 1：rem + html font-size方案 2：vw# rem + html font-sizerem 是相对于 html 元素的 font-size 来设置的单位，通过在不同屏幕尺寸下动态修改 html 元素的 font-size 可达到适配效果在开发中，我们只需要考虑两个问题：1. 针对不同的屏幕尺寸设置不同的 html font-size2. 将元素尺寸单位转为 rem## 动态设置 html font-siz

# Data URLData URL 是一种将小型文件嵌入到网页中的方法。Data URL 的格式：```data: [][; base64], ```- `` 是媒体类型，例如图片可以是 `image/png`、`image/jpeg` 等，CSS 可以是 `text/css`，JavaScript 可以是 `application/javascript` 等。如果不指定媒体类型，则默认为 `text/plain`

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言编译 Less方法1：使用命令行编译① 安装：npm install -g less如果不能运行，就到 node 官网下载 node安装完成后，输入 node -v / npm -v 查看版本，以确定是否安装成功node- vnpm -vnpm 是 node 管理包的工具，就可以通过 npm 命令安装 less 啦② 编译：未指定编译路径lessc styles.less

如何制作网页的图标下面我将一步步实现如下效果找到你需要的png格式图片文件你可以自己用PS等软件制作，也可以到 iconfont-阿里巴巴矢量图标库 寻找。将png图片转换成.ico格式网上有很多在线转换器，我这里用的是第一个：https://www.easyicon.net/covert/图标格式我这里用的是微软的icon；尺寸的话建议大家选择 16x16 或者 32x32，其实区别不大。将图标放到与 index.html 相同的目录下，并将名字改成 favicon.ico