为什么要做响应式网站(哪些网站是用响应式做的)

企业为什么要做响应式网站?

响应式网站设计是网页设计布局的一种。它的思路是:集中创建页面的图像的布局尺寸,根据用户的行为和使用的设备环境智能做出相应的布局。基于“响应内容”的本质,页面应该在任何具有合理屏幕尺寸的设备上看起来都很舒服。

我们使用响应式的设计和开发理念,让页面更有“弹性”来吧。图片大小可以自动调整,不会破坏页面液体图片的技术布局。虽然从来没有完美的解决方案,但它给了我们更多的选择。无论用户如何切换设备的屏幕方向,或者从桌面屏幕浏览到iPad,页面都会非常灵活。

所以响应式网站是发展趋势,企业根据自身需求量身定制。

如何制作响应式网站?

HTML5制作响应式网页,首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例,讲述如何制作响应式网页。

1、选定基本设计尺寸,一般以1080为基准。确定响应式web设计的应用场景之后,和美工(或设计师)沟通,之前,一般需要美工出几套主流移动设备屏幕分辨率的设计图,现在,使用流式布局以及rem等可以使用一套设计图,以最常用的移动设备屏幕分辨率为基准。

2、当美工完成设计图之后,前端工程师的工作就开始了。这时你就可以使用PS或是FW进行切图了。一般说来,Fireworkscs6切图更快,但是Fireworks有时会有图片失真的情况发生,所以,有时需要使用PS进行配合,PS有切片工具可以专门用来切图。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平