rem是基于html定义的字体大小而决定，而em则根据使用它的元素的大小决定，很多人错误认为是根据父类元素，实际上是使用它的元素继承了父类的属性才会产生的错觉。 如何运用rem？ 例如：在项目的公共样式文件初始化设置（屏幕大小对应的字体大小可以自行设置） html { font-size:16px; ...
分类：
其他好文 时间：
2019-01-11 17:13:49
阅读次数：
179
IE8实现媒体查询 IE8下想实现不同分辨率样式的兼容，需要用Css3中的media, 可是IE8不支持@media啊 翻不出去，那找度娘 果然找到了一个 "Demo" 测试一下，IE8兼容媒体也不是多难 1、下载 "Respond" 2、找到Respond文件中的respond.src.js 3、 ...
分类：
其他好文 时间：
2019-01-08 15:07:40
阅读次数：
275
> [responsive design - On desktop PC, mobile css loads first, then it switches to the desktop version - Stack Overflow](https://stackoverflow.com/ques... ...
分类：
其他好文 时间：
2019-01-03 00:39:52
阅读次数：
221
有时候需要对bootstap的样式自定义，比如说某个元素的“height”值，要放在与bootstrap媒体查询同步的样式里，才会兼容响应式布局。 ...
分类：
其他好文 时间：
2018-12-31 13:05:55
阅读次数：
330
1.视口视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样会让移动端出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小，这样会让网页不容易观看，可以使用meta标签，name="viewport"来设置视口的大小，将视口的大小设置为和移动设备可视区一样的大小。&l
分类：
Web程序 时间：
2018-12-30 20:25:54
阅读次数：
288
Media Queries详解 Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML ...
分类：
Web程序 时间：
2018-12-30 12:46:57
阅读次数：
234
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 @media 媒体类型and （媒体 ...
分类：
其他好文 时间：
2018-12-19 13:01:02
阅读次数：
163
项目描述：本项目是基于PC端和移动端开发的响应式页面； 责任描述：根据UI设计稿独立完成切图，页面搭建与代码编写； 项目总结：加强了对Bootstrap的运用，对栅格布局，媒体查询的理解又上了一步台阶； 学会了用vue，ajax，json动态的渲染页面数据； 1.0 首页 2.0 政策法规 ...
分类：
其他好文 时间：
2018-12-17 17:33:05
阅读次数：
230
rem 自适应--的两种方式: rem : font size of root element (根元素的字体大小) em : font size of element (父元素的字体大小) 1. 基于css 即媒体查询的来进行屏幕自适应 基与移动端的标准尺寸 640px,各种常见的屏幕尺寸下字体大 ...
分类：
移动开发 时间：
2018-12-16 19:34:55
阅读次数：
161
由于图片的加载是在dom加载完成之后进行的，于是，在手机端浏览网页时，经常会看到页面刚打开时很多内容叠在一起，当图片加载完成后，页面会由于图片加载完成出现明显的抖动 针对这个问题，有以下几种解决方案 媒体查询+px rem vm padding 媒体查询+px 移动端设备种类繁多，媒体查询固然精准， ...
分类：
移动开发 时间：
2018-12-12 19:06:53
阅读次数：
249
