在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素 ...
分类：
Web程序 时间：
2019-04-26 11:07:23
阅读次数：
140
Bootstrap,是基于HTML,CSS.javascript的前端框架 该框架已经预定义了一套CSS样式和与样式相对应的js代码(对应的样式有对应的特效.) 开发人员只需要编写HTML结构,添加bootstrap固定的class样式,就可以轻松完成指定效果的实现. 作用: 1.Bootstrap ...
分类：
其他好文 时间：
2019-04-24 14:39:59
阅读次数：
111
前言 工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rem\em\css px\device px等，本文纯属个人的归纳总结，如有问题，请指出亲喷~ PC端 本文主要是讲解移动端的响应式布局， 但是在真正进入之前， 先了解一些概念。 device px ...
分类：
移动开发 时间：
2019-04-07 22:28:03
阅读次数：
205
1.浏览器兼容性: IE8-不支持，IOS7.1-不支持，android4.3-不支持 2. vh代表浏览器视口高度（100vh等于当前浏览器的整个高度） 3.vw代表浏览器视口的宽度 （100vw等于当前浏览器的整个宽度） 4.配合浏览器宽度达到不同的字体大小 ...
分类：
其他好文 时间：
2019-04-02 11:04:50
阅读次数：
481
前言：在一些不复杂的页面，只需要在pc端显示，就不需要一些大框架写，但是可以借鉴bootstrap的方法。 1，首先对设备进行媒体查询 解析： @media only screen and (min-width:xxx) and (max-width:xxx) 与 @media screen and ...
分类：
其他好文 时间：
2019-03-26 22:30:47
阅读次数：
180
本文大多数的内容基本都是从多篇博客或相关文章中进行筛选，提炼出来，原本我也想用我匮乏的语言来描述，但是发现别人已经总结的更好了，所以...我还是乖乖的站在巨人的肩膀上吧~~ 完整目录： 基本概念 物理像素 设备独立像素 CSS 像素 PPI的概念 DPR的概念 缩放的概念 viewPort 的概念 ...
分类：
移动开发 时间：
2019-03-21 21:34:39
阅读次数：
198
PC及移动端页面适配方法 设备屏幕有多种不同的分辨率，页面适配方案有如下几种： 1、全适配：响应式布局+流体布局2、移动端适配： 流体布局+少量响应式 基于rem的布局 流体布局 流体布局，就是使用百分比来设置元素的宽度，元素的高度按实际高度写固定值，流体布局中，元素的边线无法用百分比，可以使用样式 ...
分类：
其他好文 时间：
2019-03-10 09:19:11
阅读次数：
163
首先自我检讨下，一直没有认真研究过响应式布局，项目中用的也很少，可能自己做的项目要么是电脑端后台，要么是手机端，两者同时兼容的需求比较少碰到。 脑中有个大致概念响应式就是屏幕缩小了就自动换行或者隐藏显示，就先按自己的理解来闭门造车思考实现过程吧。 1、首先把显示区域分成12等分，bootstrap是 ...
分类：
其他好文 时间：
2019-03-06 09:15:37
阅读次数：
166
原文 学了前端一段时间了，发现大家都搅浑了自适应布局和响应式布局的差别。现在我来和大家说下它们的不同： 自适应的体验 http://m.ctrip.com/html5/响应式的体验 http://segmentfault.com/ 整理了自己查阅的知识点，给各位一些提示。 起初，网页设计者都会涉及固 ...
分类：
其他好文 时间：
2019-02-21 15:36:12
阅读次数：
181
首先介绍下自己，我是从后端转前端，对于前端的见识还不深望各位全当一个新手自述....... 随着移动设配的更新换代，市场上涌现了大量的非主流设备分辨率，比如华为手机...... 更新换代快的大前提下自然又涌现出了适配问题，主流解决方案有很多，如响应式布局、cover布局、container布局 这几 ...
分类：
Web程序 时间：
2019-02-20 15:57:41
阅读次数：
729
