自适应
8篇文章 · 0订阅
  • VUE中Rem 适配解决方案
    此方案是借助两个插件，将px进行转化为rem。 lib-flexible 用于设置 rem 基准值。由淘宝手机前端开发团队编写的。 postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem。
    Vue.js
  • vue 项目大屏端适配方法
    1.适配方式 适配方案采用rem布局， 根据屏幕分辨率大小不同，调整根元素html的font-size， 从而达到每个元素宽高自动变化，适配不同屏幕 2.使用 postcss-px2rem-exclu
    Vue.js 前端
  • 你还在为pc端适配而烦恼吗？相信我，看了之后就不烦恼了
    作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候
    前端 CSS
  • Vue适配PC+大屏适配，手机+ipad适配
    PC+大屏适配 可适配 1400px以上的屏幕 查看演示 项目地址 设置设计稿-转换rem 我们的设计稿是3840px宽度，所以widthOfDesignLayout设置3840 设置根节点字体 在m
    Vue.js
    Vue适配PC+大屏适配，手机+ipad适配
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • 大屏可视化屏幕适配的几种方法
    大屏可视化屏幕适配的几种方法 公司要开发数据可视化大屏，研究了几天资料，把自己的研究成果发出来，希望能够帮到大家。
    前端
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • VUE大屏可视化适配方案
    在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…
    ECharts