2021-09-09 09:22:39
传统的网站模式有很大的局限性，限制了网页的宽度和高度，不兼容。不同客户端显示的页面效果是一样的。所谓响应型网站，是指网页前端显示的内容不是死的，即桌面电脑、笔记本电脑、移动应用等不同设备看到的内容是不同的。那么建立一个有响应的网站需要注意什么呢？
首先，在不同的设备上测试
在设计领域，大部分设计师在设计网站时一般只选择海量终端设备进行测试，做响应式网站也是如此。毕竟几千万个设备之后不可能全部测试完，需要根据自己的客户进行针对性的测试，满足客户需求，尽可能兼容多个终端接口，可操作性更强，可执行性更强。
第二，图片的反应性设计
在响应式网站建设的设计开发过程中，图片设计决定了最终的展示效果。最重要的是图片需要根据用户浏览终端的不同而变化。而且不会出现显示不全，空白开发，图片牧民等。那么触摸屏手势操作几乎是用户的本能，所以滑动操作让用户的体验更真实，让人更有兴趣使用。
第三，用户体验的构建
用户体验是一个网站能否生存的根本原因之一，而用户体验是响应型网站最重要的。响应网站建设中最常见的错误是，在电脑上浏览是正常的，但在手机或平板电脑上浏览时会变得非常奇怪，这极大地影响了用户体验。所以在建设响应性网站的时候，要多测试一些常见的终端设备，才能上线。
第四，字体不需要优化
可惜太多设计师认为这是对的。他们关注设备和网页的大小，而不关注用户实际看到的大小。一个网站必须具有很高的可读性，考虑响应性的网站字体非常重要。
动词（verb的缩写）断点
断点可以在预设点使页面布局变形，也就是说桌面上显示3列，移动设备上只显示1列。大部分CSS属性都可以实现断点之间的变形。断点的位置通常取决于内容。例如，如果一个句子需要换行，你可能需要添加断点，但是要小心使用断点。如果不知道内容之间的逻辑关系，很容易乱七八糟。
