响应式设计
文章平均质量分 78
wangxiaohui6687
这个作者很懒,什么都没留下…
展开
-
响应式网页设计教程:展示响应式设计的基本原理
响应式网页设计,毫无疑问地变得越来越重要了。如果你还没听说过响应式设计,可以先看看我之前发的文章响应式网站。对新手来说, 响应式设计听起来可能会有点复杂, 但事实上,它比你想象的简单得多。为了让你能快速入门,我准备了一个简易的教程。通过这三个步骤,你一定可以了解响应式设计的基本原理和media query(在你有一些CSS基础的前提下)。第一步. Meta 标签 (查看 dem转载 2013-11-11 14:49:04 · 1694 阅读 · 0 评论 -
全局样式和grid布局—Bootstrap中文使用指南(2)
源地址:http://www.36ria.com/5230全局样式1.要求html5文档类型Bootstrap使用的css属性和html元素依赖于html5的文档类型声明,请确保每个Bootstrap的页面包含下面的代码:!DOCTYPE html>html> ...html>2.排版和链接样式全局的排版和链接样式放在sca转载 2013-11-11 22:46:10 · 8286 阅读 · 0 评论 -
用3个步骤实现响应式网页设计
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页设计(Responsive web design)是一种现代网页设计方法,基于CSS3的媒介查询(Media Qu转载 2013-11-11 22:39:35 · 1248 阅读 · 0 评论 -
自适应网页设计/响应式Web设计
一、”自适应网页设计”的概念2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。二、允许网页宽度自动调整“自适应网页设计”到底是怎么做转载 2013-11-13 13:09:42 · 874 阅读 · 0 评论 -
25款最佳响应式前端开发框架
1. Skeljs轻量,仅包含了一个JS文件(大小有18kb),可以处理任何类型的复杂布局,简化了响应式布局的构建。2. UI Kit基于Less开发,是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面,且提供了全面的HTML、CSS及JS组件,使用简单、定制方便。3. GetWebplate一款优秀的前端框架,可使开发者转载 2014-04-28 17:52:35 · 1710 阅读 · 0 评论 -
十大响应式Web设计框架
对于设计师而言,网站设计中的任意一环节都不容忽视。时下,借助网上的一些资源,只需简单的几个步骤你就可创建出更具吸引力的设计,包括菜单、背景、动画、眉头、body等设计。响应式Web设计不仅能够适用于任何屏幕尺寸,还为用户带来更完美的体验,本文将分享十款最佳的响应式Web设计,助你大大简化工作流程。Gumby FrameworkGumby 2是建立在Sas转载 2014-05-14 08:51:34 · 1763 阅读 · 0 评论