在CSS3之前，要实现元素的平移、旋转、缩放和倾斜效果，常常需要依赖图片、Flash或Javascript才能完成。在CSS3中，使用变换（transform），就能轻松实现这些效果，而无需加载额外的文件，在提升开发效率的同时，还能提高页面的执行效率。变换的基本原理，是通过改变坐标系统，来实现元素的平移、旋转、缩放和倾斜等效果。把实现平移、旋转、缩放、倾斜等所使用的方法，称作变换函数，它们分别是t
CSS样式一共3中使用方法——内联式样式表
行样式<div style="color:#000;"></div>
只能操作1个标签，细节灵活
——嵌入式样式表
<head>
<style>
转载
2024-10-25 12:53:15
24阅读
值属性inhert规定应该从父元素继承 position 属性的值。static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。relative生成相对定位的元素，相对于元素本身正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。absolute生成绝对定位的元素，相对于 static
px特点 IE无法调整那些使用px作为单位的字体大小； 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。( ...
转载
2021-10-09 14:40:00
491阅读
2评论
在对页面进行自适应时，查阅相关资料了解到，通常有两种方式将px转换为em或者rem，下面就上述三者之间的联系进
原创
2022-06-29 20:03:28
109阅读
当前rem基准值=预设的基准值/设计稿宽度*当前设备的宽度
转载
2019-02-26 01:14:00
297阅读
2评论
以下内容源于网络资源的学习与整理，如有侵权请告知删除。一、数字后面的字母含义“I”指的是“Interlaced scanning”，即隔行扫描；P指的是“progressive scanning”，即逐行扫描。这两个概念是需要电子枪进行扫描的大背头电视的时代产物，现在都是液晶屏幕，属于固定像素显示设备，显示影像时不需要扫描，而且每个像素点都可以同时发光，因此现在基本上不再讨论扫描的技术概念了。那为
rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
转载
2024-06-29 23:30:25
179阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、计算机存储的底层知识二、图片1.图片像素2.图片存储类型(图片深度)总结 前言学习计算机视觉两年多了，发现最底层的图像知识始终没有搞透彻，今天借着这篇博客把自己所查阅的资料和尝试的计算做一个记录。一、计算机存储的底层知识计算机用二进制存储和表示数字，基本单位为字节B(Byte)，最小单位是位(bit)。8位bit组成
转载
2024-03-22 14:12:25
436阅读
一、使用到的技术html5css3javascriptjquerybootstrap第三方jquery插件@media实现响应式布局二、根据设计稿设计内容的宽度 PC端设计稿宽度是1920px的，这是在设计的时候根据电脑的浏览器分辨率来定的。 页面主体宽度（内容宽度）设置为1200px，1200px是一个比较适合PC端显示器浏览的安全内容宽度，保证在宽度大于1200px分辨率的设备下浏
flexiblewhat终端设备适配的解决方案。在不同的终端设备中实现页面适配。提示另外强烈建议对JS做内联处理，在所有资源加载之前执行这个JS。执行这个JS后，会在元素上增加一个data-dpr属性，以及一个font-size样式。JS会根据不同的设备添加不同的data-dpr值，比如说2或者3，同时会给html加上对应的font-size的值，比如说75px。 如此一来，页面中的元素，都可以通
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html
1.什么叫REM rem（font size of the root element）是指相对于根元素（html标签）的字体大小的单位。 2.REM有什么用？ 现在我们在制作网页的时候，用PX单位+百分比。在到放大和缩放，会看到样式混乱，部分换行错误等问题。这样制作的网页只能
转载
2024-08-17 23:13:29
80阅读
近期项目需要，移动端使用rem单位布局，我之前一直用vw和vh单位，用这也能实现，没啥毛病，但是公司领导让换单位，咱也得改是吧，下面是从网易，淘宝等大厂抄的作业：...
原创
2022-09-14 16:40:25
198阅读
———— / BEGIN / ————PS：本文适用于移动端，Axure软件制作的文档型交互稿。交互稿应该包含哪些内容？如何搭建一个合理的交互稿结构？各个界面应该如何摆放？清晰易读的设计说明应该是怎样的？作为一个新人，很难完全弄清上面的问题。其实想要画出一份合乎规范的交互稿并不难，只需找前辈的稿子参考一下就能习得十之六七。但由于设计稿大多涉及企业机密，有着较强的产权属性，所以一般很难接触到。今天笔
前言PC 端页面开发与移动端页面开发：PC 端页面开发需要考虑更多的兼容性问题，ie、谷歌、火狐等浏览器各自内核不同（ie 的天下）。移动端页面开发基本不用考虑这种浏览器间的兼容问题，手机上的浏览器绝大部分是webkit内核的（webkit 的天下），但是需要考虑屏幕分辨率。原生开发与移动端开发：原生 app，在浏览体验上优于网页，需要依赖具体设备，一旦更换设备，需要重新下载才能继续使用。移动端开
rem 是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。为什么web app要使用rem？1、实现强大的屏幕适配布局： iphone6一下出了两款尺寸的手机，导致的移动端的屏幕种类更加的混乱，记得一两年前做web app有一种做法是以320宽度为标准去做适配，超过320的大小还是以320的规格去展示，这种实现方式以淘宝web app为代表作，但是近期手机淘宝首页进行了改
新版的Vue中最重要的一些特性有：性能得到了显著的提升；Composition API；一个组件可以支持多个根元素；Tree shaking，当一些功能不用的时候就不会打包到最终的代码里；新的组件：Fragment、Teleport、Suspense；其中性能提升主要体现在：更新比vue2有1.3～2倍的提升、SSR有2～3倍的提升。做一个验证创建一个vue2项目和一个vue3项目, 分别加载有1
问：PAC是什么？
答：是Proxy Auto Config的缩写，实际上是一个JavaScript脚本。问：PAC脚本里面有什么？
答：这个脚本包含了一个FindProxyForURL(url, host)函数。问：FindProxyForURL函数有什么功能？
答：根据传入的url，可能会返回DIRECT或PROXY proxy.example.com:8080或类似的其他字符串，调用者可以根
