移动端开发
6篇文章 · 0订阅
  • H5项目适配系统深色模式方案
    H5项目适配深色模式方案： 声明 color-scheme， 通过 CSS 媒体查询根据不同模式采用不同的样式， 利用picture+source标签，设置不同模式下的图片 url， Js监听模式变化
    CSS
    H5项目适配系统深色模式方案
  • 移动端适配方案
    百分比布局百分比布局（流式布局）是通过百分比单位"%"来实现对不同屏幕宽度的响应式效果百分比布局在布局中应用比较广泛，通过百分比单位使页面中组件的宽高随着浏览器宽高的变化而变化，从而实现响应式的效果缺
    JavaScript
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 移动端H5页面开发坑点指南
    在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…
    CSS
  • 翻译：Vue.js 2.6.0 中的新指令v-slot
    为了提高英文水平，尝试着翻译一些英文技术文章，首先就从这个Vue的小技巧文章开始，目前英文版一共22篇。计划用时2~3个月翻译完成。 上周发布了Vue.js的版本2.6.0-beta.3，启用新的功能能够进一步简化作用域插槽。 它引入了新的v-slot指令及其简写，如RFC-0…
    Vue.js
  • 前端必须知道的移动端rem和vw适配
    1. 使用less.js将px转换vw
    前端