在响应式还未流行的时候，很多都觉得响应式网站应该是大企业才用的上，大企业才有资金去投入。对于这个问题小编只能说，没错放在前段时间做一个响应式网站的确需要高投入，而且还很耗时间。但是放在今天来讲，小编可以告诉你，以现在的互联网技术，做一个响应式网站快的只需要几个小时，需要细致完成的也就几天时间。这样的发展速度，让众人所惊叹！
方法/步骤
1
允许网页宽度自动调整首先，在网页代码的头部，加入一行viewport元标签。
2
CSS文件尾部增加针对不同屏幕分辨率的规则。 例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。CSS中的百分比中指的是相对于父元素的宽度。子元素的padding-left：50%，父元素的宽度是百，子元素的margin-top:20%，那么父元素的高是百。body默认宽度是屏幕宽度（PC中指的是浏览器宽度）子孙元素按百分比定位（或指定尺寸）就可以了。但这只适合布局简单的页面，复杂的页面实现很困难。
3
相对字体大小字体也不能使用绝对大小（px），而只能使用相对大小（em）。
4
流动布局（fluid grid）'流动布局'的含义是，各个区块的位置都是浮动的，不是固定不变的。
上一篇：唱吧怎么弹唱
下一篇：弹唱达人发布的作品怎么删除