怎么样制作一个响应式网站
现在的网络与电子发展飞快，如今的移动网络终端设备的类型和尺寸已经高达300多种，现在很多企业建站，不像以前光制作一个PC端的网站就能指引用户。现在更多的用户是使用移动端来进行网上的活动。
移动互联网的指数随着这些年的发展而上升。但是面对那么多种不同类型、不同屏幕尺寸的设备，该怎么去制作对应版本的网站呢？没错，就是利用响应式设计来制作网站，一个网站便能适应所有终端设备，同时在网站的优化推广上也省去了工序！
怎么样制作一个响应式网站？制作响应式网站时需要考虑到以下几个方面。
- 一、允许网页宽度自动调整首先，在网页代码的头部，加入一行viewport元标签。
- 二、CSS文件尾部增加针对不同屏幕分辨率的规则。 例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。CSS中的百分比中指的是相对于父元素的宽度。子元素的padding-left：50%，父元素的宽度是百，子元素的margin-top:20%，那么父元素的高是百。body默认宽度是屏幕宽度（PC中指的是浏览器宽度）子孙元素按百分比定位（或指定尺寸）就可以了。但这只适合布局简单的页面，复杂的页面实现很困难。
- 三、相对字体大小字体也不能使用从不大小（px），而只能使用相对大小（em）。
- 四、流动布局（fluid grid）"流动布局"的含义是，各个区块的位置都是浮动的，不是固定不变的。