响应式WEB设计
xuewufeifang
不懂PHP的管理者不是一个好猿
展开
-
媒体查询:支持不同的视口
没有CSS3的媒体查询模块,就不能针对设备特性(如视口宽度)设置特定CSS样式。媒体查询基本语法将下面这段代码插入到页面后,调整浏览器大小看效果!body{background-color:grey;}@media screen and (max-width:960px){ body{ background-color:red; }}@media screen and原创 2013-03-30 13:58:35 · 1150 阅读 · 0 评论 -
第一节:准备工作
1.下载视口调试浏览器插件Internet Explorer (Developer Toolbar)地址:http://www.microsoft.com/download/en/details.aspx?id=18359Safari (ResizeMe)地址:http://resizeSafari.comFirefox (Firesizer)地址:https://addons.moz原创 2013-03-30 11:01:46 · 577 阅读 · 0 评论 -
响应式web css框架集合
响应式框架 GroundworkGroundworkCSS 是一个基于 Sass 预处理器的开源项目 ,主要用于快速构建响应式 Web 应用程序。拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。 Groundwork 还提供多种 UI 组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等...最近更新: Gro原创 2013-05-27 15:27:13 · 1135 阅读 · 0 评论