在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。当然这种设计也存在着缺点，比如我所见的不少使用响应式布局的设...
分类：
Web程序 时间：
2015-06-09 19:05:51
阅读次数：
128
打开plugins\media下面的media.js，打开，找到下面的代码：var html = K.mediaImg(self.themesPath + ‘common/blank.gif’, {src: url,type: K.mediaType(url),width: width,height...
分类：
其他好文 时间：
2015-06-09 16:50:06
阅读次数：
1240
css2的@mediacss2里面尽管支持@media属性。可是能实现的功能比較少，一般仅仅用做打印的时候做特殊定义的CSS。语法： @media sMedia { sRules }说明：sMedia : 指定设备名称。请參阅附录：设备类型sRules : 样式表定义指定样式表规则用于指定的设备.....
分类：
Web程序 时间：
2015-06-09 15:36:16
阅读次数：
184
Early media refers to any media that is played to the initial caller’s phone before the remote party has picked up the phone. That “brrrrrrrring!” noi...
分类：
其他好文 时间：
2015-06-09 00:52:42
阅读次数：
114
随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要，而所谓响应式布局，就是能够自适应用户的显示器大小，呈现出合适的布局，让用户在不同规格的显示器下依然能体验良好。为了达到这样的效果，我们需要写出对应的几套样式。在CSS3中有个实用的media query，即...
分类：
其他好文 时间：
2015-06-08 23:16:51
阅读次数：
173
本文参考鸟哥的linux私房菜/bin获得最小的系统可操作性所需要的命令/boot内核和加载内核所需要的文件/dev终端、磁盘、调制解调器等的设备项/etc关键的启动文件和配置文件/home用户的主目录/libC编译器的库和部分C编译器/media可移动介质上文件系统安装点/opt可选的应用软包/p...
分类：
系统相关 时间：
2015-06-08 19:11:21
阅读次数：
286
一、自定义： 自定义响应式布局主要是媒体查询，通过设置@media来实现响应式布局； 语法结构：@media 设备名only （选取条件） not （选取条件） and（设备选取条件） 示例一：在link 中使用@media： 上面使用中only 可省略，限定于计算机显示器，...
分类：
其他好文 时间：
2015-06-07 21:24:34
阅读次数：
133
摘自百度响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是...
分类：
Web程序 时间：
2015-06-07 00:58:30
阅读次数：
186
写手机页面，存在不同的手机屏幕分辨率的问题，因此，怎样做到统一的画面展示，是我想要寻找的答案。虽然也搜寻过一些例子，不过还是不确定那种会更好。目前，想来做个笔记，记录其中的一个。首先页面中单位不再是用 px来写，而是em。其次，medioadaption.css是需要的，这里是一个例子@media ...
分类：
移动开发 时间：
2015-06-05 19:24:27
阅读次数：
118
@media (max-width: 767px).main-sidebar, .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: tr...
分类：
移动开发 时间：
2015-06-05 15:34:37
阅读次数：
182
