因为好久没有写自适应的网页了，今天试了一下突然发现媒体查询没用了==估计也是我自己出问题了 @media screen and(max-width:600px){ div{ width: 50px; height: 50px; background: red; } } ...
分类：
Web程序 时间：
2015-05-12 20:46:53
阅读次数：
152
响应式建筑设计、响应式家具设计、响应式办公设计，这些词可能是已有的专业名词，也可能是我自己想出来的一些名词。因为在生活中，我们常常会见到很多让人惊叹的设计，为什么同一套东西经过不同的方式变化之后会给人不同的使用感受和体验呢？这样既节约制造成本，又节省空间，还能体验创意性的生活。先来给大家欣赏几张图大...
分类：
Web程序 时间：
2015-05-10 23:36:55
阅读次数：
171
目录HTML语法HTML5 doctype语言属性（Language attribute）字符编码IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔（boolean）型属性减少标签的数量JavaScript 生成的标签CSS语法声明顺序媒体查询（Media query）的...
分类：
Web程序 时间：
2015-05-10 08:31:50
阅读次数：
255
<style>
@media screen and (max-width: 960px) {...}
@media screen and (min-width: 960px) and (max-width: 1024px) {...}
@media screen and (min-width: 1025px) and (max-width: 1280px) {...}
@media s...
分类：
其他好文 时间：
2015-05-06 15:30:23
阅读次数：
132
在写自适应网页的时候，我们需要网页有几种显示方式，我们可以用CSS实现这个功能使用CSS提供的媒体查询，我们可以根据屏幕分辨率来使用相应的CSS样式@media screen and (max-width: 1000px) {/*此条件表示最大宽度为1000，也就是如果宽度小于1000则执行以下CS...
分类：
Web程序 时间：
2015-05-06 10:29:06
阅读次数：
138
原文:Bootstrap 响应式实用工具Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。 需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 超小屏幕手机...
分类：
其他好文 时间：
2015-05-05 18:37:00
阅读次数：
165
1. meta viewport:阻止移动浏览器自动调整页面大小: 标签中可以设置具体的宽度（如像素值）或者缩放比例如2.0（设备实际尺寸的两倍 user-scalable=no 即是禁止缩放。 最好设成initial-scale=1.0。2. 媒体查询： 媒体查询只能为我们提供自适应设计效果，不....
分类：
Web程序 时间：
2015-05-05 12:05:58
阅读次数：
148
CSS一直都支持设置与媒体相关联的样式表。它们可以适应不同媒体类型的显示。例如，文档在屏幕显示时使用sans-serif字体，在打印时则使用serif字体。screen和print是两种预定义的媒体类型。 在html4中，媒体样式表的写法是在css3中，媒体查询扩展了媒体类型的功能，至此更为精...
分类：
Web程序 时间：
2015-05-01 18:43:03
阅读次数：
168
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：
Markdown和扩展Markdown简洁的语法
代码块高亮
图片链接和图片上传
LaTex数学公式
UML序列图和流程图
离线写博客
导入导出Markdown文件
丰富的快捷键
快捷键
加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl...
分类：
其他好文 时间：
2015-04-30 16:10:24
阅读次数：
118
本文简单介绍CSS3的媒体查询、文字效果、渐变、变换、过渡、动画、flex布局等等，包括大量教程和在线资源整理（这才是重点）
分类：
Web程序 时间：
2015-04-27 12:56:30
阅读次数：
190
