自适应样式
6篇文章 · 0订阅
  • 一次搞懂数据大屏适配方案 (vw vh、rem、scale)
    当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？
    前端 数据可视化 ECharts
  • 「vue style」 scoped原理，嵌套情况，v-deep原理
    “写vue项目时，style标签应当加scoped，防止样式污染” 这句话，新人在进入vue时，都应该知道这个指导。。。那就需要明白使用scoped发生了，::v-deep又改变了什么。
    前端 CSS
  • 白话分析自适应跟响应式的区别
    根据日常开发经验及网上相关资料，用简单通俗易懂的大白话分析自适应跟响应式的区别。注：本文只分析自适应跟响应式的区别以及了解其由来的背景，不在于讨论其使用的方法 在PC时代初期，网页设计者都会设计固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时电脑本来就少。后来随着显示…
    JavaScript
    白话分析自适应跟响应式的区别
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • vh,vw单位你知道多少？
    vh,vw单位你知道多少？
    前端 CSS JavaScript