关键字:rem
  • H5移动端开发知识总结(一)
    ==移动开发基本知识点== 一. 使用rem作为单位 html { font-size: 100px; } @media (min-width: 320px) { ...
  • H5移动端开发知识总结(二)
    ==移动开发基本知识点== calc基本语法 它可以支持加,减,乘,除; 在做手机端的时候非常有用的一个知识点; 优点如下: 支持使用 "+"、"-"、"*"、"/" 四则运算 可以混合使用百分比(%)、px、em、rem等作为单位可进行计 ...
  • 对于页面适配,该用px还是rem
    css中的单位很多,%、px、em、rem、vw、vh等。每个单位都用特点的用途,比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时,除了%,其他的单位都很难做到,所以说不存在某个单位是错误的,某个单位是最好的这种说法。 本文 ...
  • react+webpack4.x多模块打包配置
    我们接着上一篇文章react+webpack4.x搭建前端项目(五)多页面配置 来进行配置模块的单独打包方式(下边简称多app打包) 多app打包的意思是:多个模块单独打包,模块之间的资源互相不依赖,某一模块的资源打包在该模块下。这是和多页 ...
  • 【React】vscode中,styled-components的语法提示高亮、px转rem
    在React项目开发的过程中,我们常用styled-components来做css的私有化。为了提高开发的效率,在这里把styled-components的语法提示高亮,以及px转rem的方法。注:笔者在日常开发中使用的 ...
  • 【源码解读】通过分析 Vue computed 的实现,居然发现隐藏的小彩蛋
    Vue 的 computed 经常会用到,其中包含以下两个重点: 1、 computed 的计算结果会进行缓存; 2、只有在响应式依赖发生改变时才会重新计算结果。 接下从源码的出发,看看能不能验证这两个重点。为了能更好理解 computed ...
  • 60个非常实用的CSS代码片段,千万要收藏好了!
    1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: ...
  • 11、webpack从0到1-CodeSplitting代码分割
    简单说下代码分割。 git仓库:webpack-demo 1、什么是codeSplitting? 前面第7章讲output多页面相关的内容时,我们将content.js、header.js、footer.js分别打包为三个文件,然后我们在 ...
  • vue从零搭建后台管理系统(一)vue.config.js等配置
    面向有一定前端基础的同学(简单会用HTML5、CSS3、javascript相关语法即可) 一 、准备工作(熟悉此过程的可以跳过本章节) Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 详细异步>>https://cli ...
  • 原生js保存显示图片
    点个关注吧!大佬们,代码看看就好不是多好看的样式 样式(css): *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } #p ...

暂无数据