使用媒体查询，容器宽度会随着窗口宽度的改变而改变 没有缩放的效果 缩放后的效果： ...
分类：
Web程序 时间：
2018-10-04 11:26:33
阅读次数：
168
用CSS实现响应式布局 响应式网页看起来高大上，但实际上，不用JS只用CSS也能实现响应式网站的布局 要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用 使用@media 的三种方式 第一： 直接在CSS文件中使用 @media 类型 and (条件1) and (条件二) { css样式 } ...
分类：
其他好文 时间：
2018-09-29 10:19:03
阅读次数：
150
使用过bootstrap的同学都知道，其container与container-fluid都是设置文本居中，但两者还是有很大的区别。 官方给出的解释是： 二者之间的共同点为，两者都可以将高度设置成auto，即自动模式。最大的不同就是宽度的设定上。 container根据屏幕宽度利用媒体查询，已经设定 ...
分类：
其他好文 时间：
2018-09-20 11:20:58
阅读次数：
139
表示 当屏幕 最小值是600时（表示大于600） 执行后面的语句 表示 当屏幕 最小值是800时（表示大于800） 执行后面的语句 总结：1.代码由上到下执行 当t判断条件是 min-width: 时，小的写上面 大的写在下面， max-width 大的上面 小的写下面 2.@media (min- ...
分类：
其他好文 时间：
2018-09-17 21:00:16
阅读次数：
1635
利用视口单位实现适配布局 by Tingglelaoo on 2017-04-28 响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来 ...
分类：
其他好文 时间：
2018-09-10 13:29:04
阅读次数：
314
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 注意：使用Media Queries ...
分类：
Web程序 时间：
2018-09-05 17:51:21
阅读次数：
513
原生实现rem响应式 jq实现rem响应式 ...
分类：
Web程序 时间：
2018-09-01 23:56:33
阅读次数：
520
之前写H5页面也会遇到适配问题, 是通过媒体查询一点一点调整,始终觉得很繁琐,但一直也没去想想解决的办法. 今天专门花了一上午的时间来去研究. 小生只是刚踏入前端路的小白,对于网上各位大佬的讲解适配理解起来还是挺费劲..... 但还是找到了一篇简单的解决方案, 参考链接: https://blog. ...
分类：
移动开发 时间：
2018-08-24 13:23:45
阅读次数：
167
响应式 什么是响应式布局 响应式布局（respond layout）是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端（手机、平板、pc电脑、手表，电视） ——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 为什么要有响 ...
分类：
其他好文 时间：
2018-08-23 02:04:01
阅读次数：
267
一、媒体查询使用方法 Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 注意：使用Me ...
分类：
Web程序 时间：
2018-08-18 22:23:23
阅读次数：
2443
