理解: 是相对于Html中font-size字体大小的单位 比如font-size的大小为15px ,那么1rem = 15px 应用： 主要是被应用到对不同分辨率的屏幕的适配上，即不同大小的屏幕上显示合适大小的字体和宽高度等 那么，应该如何适配不同分辨率的手机呢？ 适配方式： 媒体查询 媒体查询+ ...
分类：
其他好文 时间：
2020-02-25 20:16:14
阅读次数：
65
一般我们做vue移动端项目使用的长度单位是rem、em，需要根据设计稿宽度进行计算，而这个插件可以配置相应属性直接按照原始设计稿长度进行构建，不需要繁琐的单位换算。 安装： npm install postcss-px-to-viewport --save 安装完成后在vue根目录下找到".post ...
分类：
移动开发 时间：
2020-02-23 23:57:47
阅读次数：
245
移动端app分类 1、Native App 原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C 2、Hybrid App 混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用 3、Web App 基于Web的ap ...
分类：
移动开发 时间：
2020-02-23 21:59:41
阅读次数：
94
原文地址： "http://www.work100.net/training/monolithic frameworks bootstrap media.html" 更多教程： "光束云 免费课程" 媒体查询 序号|文内章节|视频 : :|: |: 1| "用法" | 2| "浏览器支持" | 3| ...
分类：
编程语言 时间：
2020-02-12 11:12:16
阅读次数：
87
rem单位 rem(root em) 是一个相对单位，类似于em ，em是父元素字体大小。 不同的rem 的基准是相对于html元素的字体大小 比如，根元素(html)设置font size=12px;非根元素设置width:2rem，则换成px表示就是24px; 优点：通过修改html里面的文字大 ...
分类：
其他好文 时间：
2020-01-15 10:00:39
阅读次数：
69
一.响应式布局:pc端用响应式布局较多 监测宽度变化给出不一样的网页布局 1.媒体查询 三种常用的媒体：all(所有媒体) screen(彩屏设备，手机 电脑) print(打印设备) 查询关键词： not only and（and两边要有空格) 媒体特性：min-width:500px 表示网页宽 ...
分类：
移动开发 时间：
2020-01-14 16:34:11
阅读次数：
119
一、媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度与高度设备的宽度与高度朝向 (智能手机横屏，竖屏) 。分辨率目前很多针对苹果手机，Android 手机，平板等设备都会使用到多媒... ...
分类：
Web程序 时间：
2020-01-10 12:40:36
阅读次数：
113
媒体查询代码，一般是表示只有在屏幕尺寸小于或大于某某像素才应用某一样式 例如： <meta name="viewport" content="width=device-width, initial-scale=1"/> @media only screen and (max-width:639px) ...
分类：
其他好文 时间：
2020-01-03 00:43:44
阅读次数：
75
什么是媒体查询 媒体查询（Media Query）是CSS3新语法。 + 使用 @media查询，可以针对不同的媒体类型定义不同的样式 + @media 可以针对不同的屏幕尺寸设置不同的样式 + 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 + 目前针对很多苹果手机、And ...
分类：
其他好文 时间：
2019-12-31 21:56:00
阅读次数：
79
1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl ...
分类：
Web程序 时间：
2019-12-31 21:35:23
阅读次数：
105
