关于CSS的一些经验总结（三）PC端，移动端

PC端和移动端的差异

作为一个常规的前端，所能碰到的项目，总结不过是两个类型。其一为PC端项目，例如官网，后台等等，其二为移动端项目，例如我们手机浏览阅览的页面，混合APP等。

PC端和移动端项目，一个在电脑中运行，一个在手机上运行，两者因为在不同的设备上去运转，就会出现很大的差异。

这篇博客主要就是分享编写PC端和移动端项目的时候，对于CSS样式的一些不同的处理，和对一些特殊情况的解决方案。

PC端

填充内容的盒子：首先在PC端中，通常我们编写页面的时候，是需要一个用来装内容的盒子，来应对各种常规不同分辨率下带来的页面样式错乱的困扰。对于正常大小的屏幕，我们可以定义一个方案，提供一个展示页面内容，具有一定宽度的盒子（例如给定1200px的宽度盒子，然后两侧空白可选择不展示内容，类似于百度贴吧的一个页面。）

什么是响应式，响应式就是为了同时兼容移动端和PC端的浏览器页面所作出的解决方案。通常情况下通过设置media媒体查询属性去解决不同分辨率下的页面显示。

响应式：响应式并不一定是适用于所有页面，上面提到的常规一词就是为了分开响应式的页面，对于常规的PC端页面我们不需要做响应式，通常情况下内容居多的一个页面也不太适合做响应式。所以通常情况下我们只对于页面内容较为对称，或者平铺内容较多的页面去做一个响应式的处理。