本文目录一览：
- 1、彻底弄懂css中单位px和em，rem的区别
- 2、css样式布局及rem用法梳理
- 3、css3 里面有新单位rem可以设置字体，但是可以用rem来设置宽度和高度吗？有什么bug？麻烦详解。
- 4、批处理改名
- 5、CSS3中关于rem的疑问
彻底弄懂css中单位px和em，rem的区别
PX
一般来说，我们会使用px来作为网页设计的单位，除了它精确度较高以外，对于许多网页设计师来说也是相当容易入门的单位。
px的特性是属于绝对数值，他不受外围的单位影响，只要固定是12px，就会以12像素呈现。以下方的范例来说，他并不会受到外围文字大小所影响，内部的文字大小还是依据CSS设定所呈现。
em
另一个常见的文字单位是em， em是相对的的数值单位，它会受到外围的文字大小所影响，而1em即是1的文字大小，1.5em也就是1.5倍的文字大小。
以下方的范例可以发现，如果外围是以15px，内层的文字第一层1em等同于15px，随后的依比例放大。
接下来改成使用em来做实验，外层的文字大小直接从1.4em开始，可以看到内层的1em文字大小等同于外层1.4em，随后的逐渐放大。如果在加入一层在内部，文字就会以1.4 * 1.4的倍数再放大，这是em的相对比例单位的特性，是优点也是缺点，如果无法掌握就容易失控。
rem也是相对的文字尺寸，和em使用方法接近，不同的是他仅相对于root层级的文字大小(网页中的html)。
以这个范例来说，此网站的文字大小是16px，rem的尺寸就是以16px为基准，故下方的1rem会与16px相同尺寸。所以无论外层是否有其他文字大小，皆不会影响rem的尺寸，唯一会影响rem比例的只有html的文字大小。
使用rem时，可以先了解浏览器的限制，rem是不支援IE8以前的浏览器的喔。
css样式布局及rem用法梳理
视口（viewport）是用来约束网页中最顶级块元素的，即它决定了网页的大小，网页是先在视口上渲染，然后再通过视口放回到浏览器窗口上的，网页的渲染过程如下：
pc端视口的大小和浏览器的大小一样，所以网页是1：1的放到浏览器窗口上，而移动端视口就有点特殊，移动端视口的宽度是比移动端屏幕要宽，宽度尺寸一般是980px或者1024px，网页是视口上渲染完之后，为了能在移动端屏幕上显示整个网页，整个视口会整体缩放到屏幕的宽度，这样，网页看上去就整体缩放
具体如何设置视口以及禁止视口页面缩放可以自行百度
（主要针对移动端以及pc端网页需要实现等比放大缩小页面效果）
大概有以下几种
1、流体布局
流体布局其实就是宽度用百分比，高度用固定值的布局方式，宽度通过百分比来适配不同宽度的屏幕。
为了适配手机端不同尺寸的屏幕，我们在定义元素宽度的时候可以写百分比，百分比是相对于屏幕的宽度，所有宽度就可以做到自适应，而在高度方向，由于网页的高度是不定的，所以我们可以把高度写成固定的值(px),这种布局方式叫做流体布局。
注意两个概念
2、弹性盒模型布局flex
这种布局方式是通过css3新增的一些辅助布局的样式属性来制作布局的方式。
3、rem布局
rem是一种相对长度单位，通过这个长度单位可以实现元素宽高等比例缩放，从而完成不同宽度屏幕的适配。
4、响应式布局 （媒体查询）
通过样式动态查询屏幕的宽度，动态切换样式来适配不同宽度屏幕的布局方式。
Bootstrap是最典型的一种
待补充
实际开发中，pc端页面需要实现响应式等比缩放（即自适应），使用rem+弹性布局是比较现实及理想的解决方式
移动端可以使用rem布局，也可以使用px实现（主要用flex），具体看产品是怎么设计要求的
css3规定：1rem的大小就是根元素html的font-size的值。
rem其实是一个单位 ，是个相对单位 root em。rem就是root（根元素的大小）相对于html元素的字体大小的单位。
rem布局的原理
就是根据一个html根元素来控制，网页的布局，实现类似于自适应等比例的缩放的布局。
rem优势
通过修改html文字的大小，来改变页面中元素的大小，实现了页面的整体控制
rem的作用
通过设置 根元素html的font-size的大小，来控制整个html文档内的字体大小、元素宽高、内外边距等，根据移动设备的宽度大小来实现自适应，不同的设备都展示一致的页面效果。
简单用法
vscode中安装cssrem插件，通过这个插件可以自动计算rem数值。
具体设置如下
注意:设置后 vscode软件需要重启 否则计算的rem值会出错
待补充
可以通过js的方式来改变，也可以通过css媒体查询的方式来改变，
待补充
css3 里面有新单位rem可以设置字体，但是可以用rem来设置宽度和高度吗？有什么bug？麻烦详解。
可以的
rem 和 em的区别就是 rem 是根据body的font-size大小来显示当前元素的大小，em是根据父集的font-size来显示元素大小的，rem比较方便，直观，更容易计算一些
至于副作用，就是有些浏览器支持，有些不支持了，一般用于移动端的比较多
批处理改名
以下这个批处理就可以解决你的问题
将你这些文件所在的那个文件夹拖到这个批处理上，
然后输入要替换的字符串，即.pmv，然后按回车，
之后再按提示输入要替换后的字符串，因为你是要删除.pmv，所以
在这个时候，什么都不输入，直接按回车，然后它就会进行批量重命名了
如果还有什么问题的话，可以留言。
@ECHO OFF
set batchName=批量重命名-替换文件或者文件夹的字符串
TITLE 忆林子--%batchName%
rem [HEAD========================================================HEAD]
rem 名称：批量重命名
rem 作者：忆林子
rem 概要：批量替换文件或者文件夹的字符串
rem 用法：
rem 1、将需要批量重命名的文件所在的那个文件夹拖到该处理上
rem 2、按提示输入要替换的字符串，然后按回车。
rem 3、按提示输入想要替换为的字符串，然后按回车。
rem
rem 考虑到多次操作，该批处理加了循环操作处理，可进行多次替换，而不
rem 需要多次拖文件夹。
rem
rem 修正履历
rem 修改者 修正方式 版本号 备考
rem [MID==========================================================MID]
rem 忆林子 新建 Ver.2010.03.06-001
rem [FOOT========================================================FOOT]
COLOR 0a
:main
set /a count=%count%+1
set /p oldStr=[请输入想要替换的字符串]
set /p newStr=[请输替换后的字符串]
for /f "tokens=*" %%a in (
'dir "%~1" /a /b'
) do (
SETLOCAL ENABLEDELAYEDEXPANSION
set "newFileName=%%~nxa"
set "newFileName=!newFileName:%oldStr%=%newStr%!"
ren "%~1\%%~nxa" "!newFileName!"
ENDLOCAL
)
ECHO.
echo 第 %count% 次替换已完成
ECHO.
goto :main
EXIT
CSS3中关于rem的疑问
在谷歌等浏览器下，网页最小字体是12px，当设置的网页字体小于12px时（例如你的10px），依旧按照12px计算。
所以，你的基准字体依旧为12px。
在网页当中，为了可视性的效果考虑，并不建议设置12px以下的字体，如果真的要使用，通常使用图片。