原文地址：http://www.w3cplus.com/content/css3-media-queries Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： <link href="css/reset.css" rel="stylesh ...
分类：
Web程序 时间：
2017-02-03 11:06:03
阅读次数：
198
在微信小程序开发中，大家尽量使用rpx为单位, px实际上就是系统级的rem（把页面按比例分割750份，1rpx=window.innerWidth/750），或者scale伸缩布局的width=750。也就是说，微信小程序的rpx布局帮大家把rem布局的js设置根元素字体尺寸这步省了，用rpx就减 ...
分类：
微信 时间：
2017-01-23 15:11:52
阅读次数：
5403
1、用js计算 2、媒体查询 “@media” ...
分类：
移动开发 时间：
2017-01-18 16:26:03
阅读次数：
245
一、媒体查询：媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。 语法 实例 如果文档宽度小于 300 像素则修改背景颜色(background-color): 关键字包括and-与，o ...
分类：
其他好文 时间：
2017-01-14 15:42:53
阅读次数：
290
什么是CSS，什么是CSS3？ 非常简单，CSS代表“Casading Style Sheets”，就是样式表，是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。10年前在internet开始普及的时候，就能够使用样式表对网页进行视觉效果的 ...
分类：
Web程序 时间：
2017-01-09 22:05:57
阅读次数：
279
这种响应式的布局正是通过CSS3的媒体查询（Media Query）功能实现的，根据不同的分辨率来匹配不同的样式。IE8浏览器并不支持这一优秀的Css3特性，Bootstrap在开发文档中写了如何使用进行兼容IE8,如果想兼容IE6,IE7，可以搜索bsie (bootstrap2)。 http:/ ...
分类：
其他好文 时间：
2017-01-09 13:34:07
阅读次数：
179
浏览器和设备之间还有很多有趣的接口， 1.屏幕朝向接口 浏览器有两种方法来监听屏幕朝向，看是横屏还是竖屏。 （1）使用css媒体查询的方法 （2）利用js调用屏幕朝向接口 例子：demo 2.设备朝向接口 通过这个接口可以监听设备朝向及旋转，以便自动调节放心，这个接口有两个： (1) DeviceO ...
1.用background设置图片，然后设置图片的size：100% auto； 图片自动调整高度会造成无法填充满div，出现空白。 但利用img的话加载速度会受到很大的影响。 但图片是可以实现完美的响应式的！ 2.媒体查询无效？ 什么鬼？ 不能控制元素的显示？ 答：用bootstrap框架的响应式 ...
分类：
其他好文 时间：
2017-01-03 18:28:13
阅读次数：
133
为实现简单的购物功能（购物车添加、账户查看、购物车商品删除、实时的购物商品数量及价格的计算显示、购物车商品数量可手动输入等），用session实现了一简单的以php语言为基础、连接MySQL数据库的购物车系统。 为了实现用户移动及pc端的适应，用媒体查询实现了响应式效果（文章最后实现）。 程序效果 ...
分类：
其他好文 时间：
2017-01-03 13:16:33
阅读次数：
446
怎样实现响应式布局？ 对于这个问题，我们可以通过CSS3中的Media Query来实现，即媒介查询。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达"大于或等于"和"小与或等于"。如：width会有min-width和max- ...
分类：
Web程序 时间：
2017-01-01 08:45:23
阅读次数：
232
