响应式web-媒体查询 媒体查询是一个将很多响应式概念和工具连接在一起的粘合剂。这些查询语句都是简单但是功能很强大的，它们允许我们检测设备属性，定义规则，并根据规则等的不同加载不同的 CSS 属性。例如，你可以为不同的设备优化导航菜单，将桌面浏览器上的完整水平菜单转换为经常在移动设备上遇到的 “汉堡 ...
分类：
Web程序 时间：
2017-05-18 09:48:58
阅读次数：
660
响应式文档设计三种方法： 1、采用float浮动 CSS部分 重点： 2、@media媒体查询 HTML部分 （1）添加文档描述，设置文档不可缩放 （2）为不同宽度的媒介设置CSS（宽度，字体，图片） 3、Bootstrap响应式框架 （1）引入Bootstrap框架 （2）HTML部分 （3）CS ...
分类：
其他好文 时间：
2017-05-16 17:29:47
阅读次数：
192
特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平常的样式不一样的唯一地方就是新加了一个scoped属性： 复制代码 代码如下: 复制代码 ...
分类：
编程语言 时间：
2017-05-16 10:55:17
阅读次数：
229
众所周知，网页前端开发时兼容IE一直是很头疼的问题。今天接到一个需要响应式布局的问题，主要还要兼容IE8，9。在网上搜索了以下解决方案，现记录如下。 首先，加入代码 <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googleco ...
分类：
其他好文 时间：
2017-05-12 00:09:06
阅读次数：
150
针对ie10 以上单独写css样式的话，ie10以上已经不提供 这种方法去操作了，所以可以用css媒体查询的方法 ...
分类：
其他好文 时间：
2017-05-11 17:07:31
阅读次数：
180
媒介类型在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在media属性用于为不同的媒介类型规定不同的样式screen计算机屏幕（默认值）
tty电传打字机以及使用等宽字符网格的类似媒介
tv电视类型设备（低分辨率、有限的屏幕翻滚能力）
projection放..
分类：
Web程序 时间：
2017-05-10 14:50:03
阅读次数：
284
一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容媒介类型在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存..
分类：
Web程序 时间：
2017-05-10 11:15:44
阅读次数：
337
div在页面垂直居中方法 改进版 效果图： 在开发中遇到个问题， 当屏幕height小于630px时，会出现如下图，顶部的logo，通过滚动滚动条，也看不到。 解决办法：使用媒体查询 当高度小于630px时，去掉bottom：0；直接设置top:0； 效果图，如下： ...
分类：
其他好文 时间：
2017-05-09 13:49:58
阅读次数：
161
echarts柱形图与时间轴的结合 柱形图是可以推叠显示的，但我们的要求是图底是一个统一高度的蒙层显示基数、固定，（个人目前暂没有找到能实现需要的方法，如有欢迎在下在告知。非常感谢），个人实现方法，是做的伪类，由于是在手机端显示，有一个弊端就是蒙层的位置不好调整，需要用到媒体查询来监测。 在来说时间 ...
分类：
其他好文 时间：
2017-05-08 16:07:19
阅读次数：
2092
1、html标签中内嵌JS(不提倡使用。) <button onclick="javascript:alert('你真点啊。')" > 有本事点我呀！！！！</button> 2、HTML页面中直接使用JS： <script type="text/javascript"> //js代码 </scri ...
分类：
Web程序 时间：
2017-05-07 14:57:56
阅读次数：
328
