摘自：https://www.cnblogs.com/huanzi-qch/p/12053799.html PC端、移动端页面适配方案 前言 页面自适应PC端、移动端大体上可以分为两种： 1、在同一个页面进行自适应布局，通常使用CSS3 @media 媒体查询器实现 2、两套页面，在后端进行统一适配 ...
分类：
移动开发 时间：
2019-12-17 14:52:17
阅读次数：
120
前言 页面自适应PC端、移动端大体上可以分为两种： 1、在同一个页面进行自适应布局，通常使用CSS3 @media 媒体查询器实现 2、两套页面，在后端进行统一适配，根据不同的浏览器UA返回对应的页面 本文记录在java后端进行PC端、移动端页面适配的方案 工程结构 想要实现后端统一适配，首先要规范 ...
分类：
移动开发 时间：
2019-12-17 13:04:02
阅读次数：
321
[TOC] 最近一直在处理高DPI问题，也花费了不少功夫，前前后后使用了多种解决方案，各种方案也都有利弊，笔者最终采用了自适配方案，虽然复杂一些，但是结果可控。这里把处理的过程记录下来，留给有同样需求的同学 DPI发展 随着显示器质量的增高，高分屏逐渐增多，很多用户平时使用的机器都是2k屏甚至是4k ...
分类：
其他好文 时间：
2019-12-08 10:52:09
阅读次数：
455
适配的基础知识 一、理解单位 px、pt、pc、sp、em、rem、dpr、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi 如果你是ios开发，你需要了解的单位：pt，px，ppi；实际开发中用到的单位：pt。 如果你是android开发，你需要了解的单位：di ...
分类：
其他好文 时间：
2019-11-23 23:34:53
阅读次数：
110
公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。 搭建可 ...
分类：
移动开发 时间：
2019-11-23 18:26:59
阅读次数：
182
移动端的适配方案 [toc] 不同的尺寸的手机设备上，页面相对合理的展示（自适应）或者保持统一效果的等比缩放 百分比适配 根据父级计算百分比，需要配合其他布局使用 html,body{ width:100%; .container{ width:100%; div{ float:left; widt ...
分类：
移动开发 时间：
2019-11-17 13:14:16
阅读次数：
104
适配方案2 更简洁更高效的rem适配方案flexible.js 手机淘宝团队出的简介高效移动端适配库 我们再也不需要在写不同屏幕的媒体查询，因为里面js做了处理 它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。 我们要做的，就是确定好我们当前设备的html文字大小就可以了 比如当 ...
分类：
移动开发 时间：
2019-11-16 21:34:48
阅读次数：
138
讨论适配方案之前，先了解几个移动端的概念。 基础概念 设备像素(device pixels)：又称为物理像素，是显示屏的最小物理单位。在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。 设备独立像素(device independent pixels):基于计算机控制的坐标系统和抽象像素（ ...
分类：
移动开发 时间：
2019-11-12 18:33:09
阅读次数：
99
原文链接：http://caibaojian.com/mobile-responsive-example.html 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂，比如 ...
分类：
移动开发 时间：
2019-11-09 23:23:00
阅读次数：
120
本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅。 移动端H5页面rem缩放方案flexible.js兼容375px方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js github 一个新的项目复用了一些老页面，老页面 ...
分类：
Web程序 时间：
2019-11-05 21:48:24
阅读次数：
140
