简单三步实现响应式的网站设计
响应网页设计无疑是一个很大的事情了。 如果您还不熟悉响应式设计，可以搜索一下响应式的网站案例了解。 为了新手， 响应式设计可能听起来有点复杂，但它实际上是比你想象的简单。 为了帮助您快速上手响应式设计，制作这个快速教程。 我保证，你可以通过下面
View ArticleViewport 在非响应式网站设计的妙用
我知道大家都使用viewport meta标签来做响应式设计 ，但你可知道，viewport 标签，在无响应的设计非常有用吗？ 如果你的网站设计还没有想到转化为还响应的时候，你应该看看这篇文章介绍如何使用viewport标签，以提高你的设计在移动设备上的外观。 一般使用vi
View Article响应式的网站设计的断点设置法则
首页说明一下什么断点，因为现在访问网站的设备多，尺寸不一 导致网页在不同设备 中显示的布局不一样。断点就是更加设备的尺寸来来判断显示什么样的格局。 最近，我写很多关于响应式设计 。 今天，我想谈谈在响应式设计设置断点（根据屏幕的尺寸来判断显示的
View Article网页中如何使用图标字体
为什么要使用图标字体？ 图标字体正在迅速成为一个网页设计趋势，为什么呢？创建的图标字体能够狠轻松实现一些字体效果和动画。创建两个不同的图标图像翻转的效果的日子已经过时。现在，我们可以很容易地改变颜色，大小，甚至是动画图标，就像我们使用html代
View Article创建CSS3媒体查询响应式的网站布局
什么是媒体查询响应式的网站布局？ 就是采用@media的 方式 通过浏览器判断 尺寸 然后决定选择什么css。这样就是媒体查询式的网站布局。 先看看演示效果 演示文档下载 1 首选创建 html5文档 2.css如下：
View Article另一个html5 css重置代码分享
网页css 重置 reset是必要 ，以前的css有好多重置代码 如 Eric Meyers CSS reset 比较好用，今天修改成html5的 reset重置代码分享一下。 html,body,div,span,object,iframe, h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,p,blockquote, pre , abbr,address,cite, code , d
View Articlecss3媒体查询 制作响应式网页布局的教程
现在，用户使用手机，小型笔记本电脑，平板设备，如iPad或者剧本来访问网络。 因此，传统的固定宽度的设计行不通了。 网页设计需要适应。 布局需要进行自动调整，以适应所有的显示分辨率和设备。 本教程将告诉你如何用html 媒体查询创建一个跨浏览器的响应式
View Article
