rem

<script type="text/javascript"> (function(){ var docEl = document.documentElement; function setRemUnit(){ //获取到rem的基准值 var rem = docEl.clientWidth / 10; //动态设置html根元素的font-size docEl.style.fontSize = rem + 'px'; } setRemUnit(); //窗口大小变化时触发 window.addEventListener('resize',setRemUnit); //窗口出现在当前屏幕时(有浏览器兼容性) window.addEventListener('pageshow',function(e){ if(e.persisted){ setRemUnit(); } }); })(); </script> 可直接放在页面头部 来源：博客园 作者： 是桂 链接：https://www.cnblogs.com/rickdiculous/p/11801784.html

1. rem 基础 　rem 是一个相对单位，类似于 em ，em 是父元素字体大小。 　rem 是相对于 html 元素 字体大小来说的 　rem 优点 就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制 　比如：根元素（html ）设置的 font-size=12px；非根元素设置 width：2rem；则换成px 表示 24px（12px*2rem） 2. 媒体查询（@media） 　@media 可以针对不同的屏幕尺寸设置不同的样式 　语法规范： 　　　　CSS - Code; 　　} 　　　　all：用于所有设备， 　　　　print：用于打印机和打印预览， 　　　　screen：用于电脑屏幕，平板电脑，手机等 　　　　and：可以将多个媒体特性连接到一起，相当于“且”的意思 　　　　not：排除某个媒体类型，相当于“非”的意思，可以省略 　　　　only：指定某个特定的媒体类型，可以省略 　　　　width：定义输出设备中页面可见区域的宽度 　　　　max-width：定义输入设备中页面最大可见区域宽度 　　　　min-width：定义输入设备中页面最小可见区域宽度 　案例： 　　@media screen and（max-width：500px）{ 　　　　body{ 　　　　　　background:pink; 　　　　} 　　} 　注意点

问题 : 使用rem写宽度的时候, 明明宽度算的很好( 可能原因是①我写的宽度左浮动留余地的不多,写的太撑了 ;②1px的border的原因), 本来苹果三星宽度都没问题, 公司测试机没大屏华为, 同事手机在项目上线的时候不知道竟然出问题了.... 查了一下发现一直都有点问题 解决: ① 重新改写样式,宽度别定死, 如果左浮动的时候, 左边定margin,右边就别给margin值了 ② 参考这个看看以后有用没, 因为这个手机不好借, 以后有的话可以参考以下的看看 版权声明：本文为CSDN博主「_Jester」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_41049816/article/details/82178816 来源：博客园 作者： 王多静 链接：https://www.cnblogs.com/wangduojing/p/11588899.html

工作需要,要修改很多计算机的hosts文件,采用bat批量完成 解决的问题: 1.pc工作在非管理员权限,右键管理员权限太麻烦,因此采用执行中申请管理员权限的方式 2.hosts和替换脚本放在某台pc机上,其他pc以共享文件夹的方式访问,但cmd命令行无法将UNC路径作为当前目录,这样就不方便识别和脚本同目录的hosts文件. 3.执行备份替换前,要先新版hosts文件是否和Batch文件在同一目录,防止错误操作. 4.不管文件是否完成更新,都需要给出提示,并且自动关闭终端. 对于问题1,参考 https://blog.csdn.net/lijialong1313/article/details/54171535 对于问题2,参考 https://www.jianshu.com/p/2d3190f592c5 对于问题3,参考 https://blog.csdn.net/qq_39720249/article/details/85067931 对于问题4,采用如下方法 替换成功 黑色背景绿色文字,窗口7秒后自动关闭 不成功 黑色背景红色文字,窗口不会自动关闭 bat文件申请管理员权限的方法百度上有好几种,我随便选择了一种 附上我使用的代码 @echo off title hosts 文件替换 REM __________________________________________

参考文档： 1、http://www.360doc.com/content/14/0415/12/7873863_369147503.shtml 2、http://www.360doc.com/content/15/0609/10/16021371_476747230.shtml 一、尝试WINDOWS自带的命令先清理一部份： dism /online /cleanup-image /spsuperseded 二、尝试使用自编脚本：（版本及来源为参考文档2，） @echo off rem 获取windows版本 set move_dir=%SystemRoot%\winsxs_del if not exist %move_dir%\nul md %move_dir% set winver=none FOR /F "eol=; tokens=4* delims=] " %%i in ('ver') do set winver=%%i if "%winver%" == "none" goto enover echo windows version is %winver%, ready to list winsxs dir. if not exist %SystemRoot%\winsxs\nul goto enosxs set ver_prefix=%winver:~0,-1%

@echo off set Name1=*.ADS set Name2=GM_RSSPI* set Name3=equipment* set Name4=protocols* REM 设置输出文件名 set FileName=AswRelease.md5 REM 删除文件 del %FileName% REM 输出Name1类型文件的MD5值 for %%F in (%Name1%) do (^ ::获取md5值 certutil -hashfile %%F MD5 >APP_MD5_TXT setlocal enabledelayedexpansion set index=0 REM tokens delims介绍http://blog.sina.com.cn/s/blog_6a7839530102uvx8.html for /f "tokens=* delims= " %%i in (APP_MD5_TXT) do (^ ::echo %%i if !index! == 1 (set md5=%%i) set /a index=index+1 ) ::cho !md5! del APP_MD5_TXT REM 移除md5中的空格,兼容md5出现空格的情况 set md5=!md5: =! echo 当前文件MD5: !md5! echo %%F 1 !md5!>>

rem 量图计算公式： 故： 设置html 下font-size 默认值为 0.5px，为了计算方便一般会以100倍计算，也就是50px，如下： @media screen and (min-width:375px) { html { font-size: 50px; } } img.test_img{ width : .5rem }

一、认识物理像素、设备独立像素、设备像素比 　　在css中我们一般使用px做单位，需要注意的是，CSS样式里面的px和物理像素并不是相等的。CSS中的像素只是一个抽象的单位，在不同设备或不同环境中，CSS的1px所代表的物理像素是不同的。在pc端，CSS的1px一般对应着电脑屏幕的1个物理像素，但是在移动端，css的1px等于几个物理像素和屏幕像素密度有关。 物理像素(physical pixel) 　　物理像素又被称为设别像素，设备物理像素，它是显示器（电脑、手机）最小的显示单位，每个物理像素由颜色值和亮度组成。所谓的一倍屏、二倍屏（Retina）、三倍屏，指的是设备以多少物理像素来显示一个css像素，也就是说，多倍屏以更多更精细的物理像素点来显示一个css像素点，在普通屏幕下的1个css像素对应一个物理像素，而在Retina屏幕下，1css像素对应的却是4个物理像素 设备独立像素(device-independent pixel) 　　设备独立像素又被称为css像素，是我们写css时所用的像素，他是一个抽象单位，主要使用在浏览器上，用来精确度量Web页面上的内容。 设备像素比（device pixel ratio） 　　设备像素比简称dpr，定义了物理像素和设备独立像素的对应关系，：设备像素比=物理像素、设备独立像素。 　　css的1px等于几个物理像素

一、rem适配方法，适合窗口大小可能会改变 以及设计图小于750，或者大于750设计稿的情况 该方法，将100px为1rem，根据设计稿尺寸 缩小100就为 rem， 　　例如：font-size:14px,换成rem就为0.14rem, div{width:10px;}换成rem就是div{width:0.10rem;} <script> fnResize() window.onresize = function () { fnResize() } function fnResize() { var deviceWidth = document.documentElement.clientWidth || window.innerWidth if (deviceWidth >= 750) { deviceWidth = 750 } if (deviceWidth <= 320) { deviceWidth = 320 } document.documentElement.style.fontSize = (deviceWidth / 7.5*2) + 'px' } </script> 二、rem适配方法，适合移动设备为固定的某个宽度，以及设计图为固定的某个值例如750，或者pad,1920的情况 该方法，将100px为1rem，根据设计稿尺寸 缩小100就为 rem， 　　例如

CSSREM CSSREM px rem 一个CSS的px值转rem值的Sublime Text 3自动完成插件。 安装 https://github.com/flashlizi/cssrem 进入packages目录：Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里。 重启Sublime Text。 配置参数 参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem px_to_rem max_rem_fraction_length available_file_types 点击这里查阅 文章来源: css之px自动转rem―sublime 插件CSSREM