一、为什么要使用rem 随着手机的普及，以及手机可以方便携带的有优点，所以现在大多数时候，人们都会选择用移动端查看网页。 由于手机的屏幕大小不一，我们使用传统的px单位已经无法满足用户查看页面的效果 举个例子 我们有一个200 …

常用的解决移动端布局的方案大概有： 1.flex弹性布局 1）高度定死，宽度自适应，元素都采用px做单位。 2）随着屏幕宽度变化，页面也会跟着变化，效果就和PC页面的流体布局差不多，在哪个宽度需要调整的时候使用响应式布局调调就行（比如网易新闻），这样就实现了『适配』。…

大家好，我是大明同学。 这期内容，来分享一下Android，iOS移动端常用的设计规范。 Android 字体 Typography 图标 icons 应用图标 Product icons 系统图标 System icons 快捷图标 Shortcut icon 单位和度量 Units and measurements dpi 屏幕…

要实现一个响应式布局的Web页面，你可以遵循以下步骤： 流式布局：使用相对单位（如百分比、em、rem等）来设置网页元素的大小和位置，而非固定像素值。这样，当屏幕尺寸变化时，网页元素可…

移动端开发调研分析 uniapp 优点：快速低成本，没有复杂交互场景和大数据渲染的情况，是当前跨平台方案中最快的。 项目需要同时进行小程序和移动app的迭代需求，开发人员少，uniapp也是个好选择。 缺点：uni…

早在几年前移动端的数据流量就已经超过桌面端了，手机和平板占据主流，而融合两者优势的巨屏手机更是大行其道。对于现在的设计师而言，真正的第一屏到底是桌面还是移动端界面，真的很难说了。也许“移动端优先”的说法并不准确&#…

移动端高清、多屏适配方案 背景 开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会…

1.实现方式 postcss-pxtorem：将px转换为rem amfe-flexible：为html、body提那家font-size，窗口调整的时候重新设置font-size 2.安装与使用 npm install amfe-flexible --save npm install postcss-pxtorem --save-dev 1.再main.js入口文件…