<linktype="text/css"rel="stylesheet"href="css/liangQuery.css"media="screen"/><linktype="text/css"rel="stylesheet"href="css/common.css?v=1.1"media="screen"/><linktype="text/css"rel="stylesheet"href="css/bootstrap.min.css"media="screen"/><..
分类：
其他好文 时间：
2015-12-17 13:08:04
阅读次数：
162
HTML5元素可以设置多张图片 调整浏览器宽度和高度，背景在宽度小于 400px 时将改变。 srcset属性的必须的，定义了图片资源。media属性是可选的，可以在媒体查询的CSS @media 规则查看详情。对于不支持元素的浏览器你也可以定义元素来替代。
分类：
Web程序 时间：
2015-11-22 13:48:56
阅读次数：
217
media query是css3规范中引入的，它提供了一种responsive design的基础机制：浏览器在不同size的设备中将以不同样式展现网页，这就给一个网页能够适应不同device一种可能。在实际使用中，我常常碰到以下问题：为什么media query的rule不起作用？很有可能和你的m...
分类：
Web程序 时间：
2015-10-28 14:17:29
阅读次数：
157
采用HTML5在开发移动应用程序满足各种需求Android分辨率和屏幕的平板设备密度，这是非常麻烦的过程，最终的解决方案是使用css media query，匹配相同的时间分辨率和屏幕像素密度。上进行兼容性測试，终于保证在多数Android平板上都能较好的显示。 一个典型的针对设备的C...
分类：
移动开发 时间：
2015-09-16 19:52:25
阅读次数：
159
首先引入dwz的样式库<linkhref="<%=basePath%>themes/default/style.css"rel="stylesheet" type="text/css"media="screen"/><linkhref="<%=basePath%>themes/css/core.css"rel="stylesheet" type="text/css"media="screen"/><linkhref="<%=baseP..
分类：
其他好文 时间：
2015-08-04 00:55:14
阅读次数：
143
两者的区别？首先，响应式和自适应最为关键的区别是什么呢？简而言之，响应式（百分比）就相当于液体，它可以自动适应不同尺寸的屏幕，无论你的设备尺寸多么奇葩。响应式使用CSS media queries的方法，根据目标设备自动改变风格如显示类型,宽度、高度等，这能很好解决不同屏幕尺寸的显示问题。而自适应设...
分类：
其他好文 时间：
2015-07-11 13:35:15
阅读次数：
121
如何通过css的media属性，适配不同分辨率的终端设备，示例如下:
首页
<meta http-equiv="keywords" content=...
分类：
Web程序 时间：
2015-06-29 20:19:29
阅读次数：
137
css2的@mediacss2里面尽管支持@media属性。可是能实现的功能比較少，一般仅仅用做打印的时候做特殊定义的CSS。语法： @media sMedia { sRules }说明：sMedia : 指定设备名称。请參阅附录：设备类型sRules : 样式表定义指定样式表规则用于指定的设备.....
分类：
Web程序 时间：
2015-06-09 15:36:16
阅读次数：
184
摘自百度响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是...
分类：
Web程序 时间：
2015-06-07 00:58:30
阅读次数：
186
