随笔分类 - 响应式网页系列

媒体查询media参数以及其兼容性问题

摘要：一、设置meta标签在使用媒体查询media之前我们需要先设置meta标签，对设备的缩放等参数进行设定。参数解释： width=device-width 宽度等于当前设备宽度 initial-scale=1初始缩放比例，默认为1 minmum-scale=1允许用户缩放到的最小比例，默认为1 m 阅读全文

posted @ 2016-10-09 11:35 chenguiya 编辑

CSS3 Tee Gallery网站的分析

摘要：今天的案例Tee Gallery是涉及产品列表布局的应用。换句话说就是让产品列表页面如何应用流体布局结合CSS3的Media Queries，制作出在不同媒体条件和媒体介质下的页面风格。先看看这个网站在不同屏幕下的风格，如图：从上面的截图中，很明显他在不同的屏幕下会不同的显示效果，屏幕最大时，以五列... 阅读全文

posted @ 2015-02-11 14:44 chenguiya 编辑

CSS3-Hicksdesign网站的分析

摘要：第一个案例Hicksdesign网站。这个网站就是一个典型的实例，他在不同的分辨下，所展示的效果是不同的，其总共有四种：截图一下：下面我们一起来看看其实现的代码，先看其Html代码： ... 阅读全文

posted @ 2015-02-09 14:54 chenguiya 编辑