服务购

　　随着智能手机浏览器的发展，网页能够随时根据设备显示变得很重要。我们不用再拘泥于桌面浏览器窗口尺寸建立网站，然后让它们在更小的移动浏览器上渲染。因而今天小编将向大家介绍手机网站设计响应式布局。

　　在Css2中,我们可以通过特殊的CSS后缀实现不同的媒体类型，比如印刷、演讲和屏幕显示。默认情况下，网页即为屏幕显示。另外一个比较有用且流行的媒体类型是印刷，它为优质的网面打印创建一个分离的设计。我们可以告诉浏览器仅仅在打印时使用CSS规则。

　　当从浏览器转到打印机的时候，这里有一些可以优化的地方，以保证输出具有更佳品质的内容：

　　1、移除背景图像;

　　2、移除主要的导航链接;

　　3、重建头部和页脚，使其更加合理;

　　4、将文本和链接改为黑色和白色;

　　5、将字体大小设置为打印的基础单位，例如12px;

　　6、加粗文字中的链接;

　　7、将内容区域进行扩展，使其充分利用打印页面。

　　流式布局

　　我们在这一章的前面部分创建两栏和三栏布局的时候，创建了固定和流式两个版本。现在，我们可以进一步看到在处理响应式设计时的不同以及流式布局的优点。

　　尽管断点可以让我们将设计适应当前常用的视口宽度。通过为元素设置成比例的宽度，它们就可以根据渲染时视口的宽度进行浮动。

　　因为一个新媒体通常是被之前媒体的元素所限制的，所以设计网页的印刷设计人员将印刷项目中固定设置和精确布局的想法带到了网页设计中。

　　以上就是手机网站设计响应式布局。更多资讯请关注猪八戒网服务购。