响应式网站设计的两个误区

在响应式网站的设计上有一个很明显的误区，就是响应式网站设计并不是对每个用例都有效的，因为用例事实上是响应式网站的重点，网站设计师或开发者必须考虑到每一个用例，并且尽可能测试用例的所有设备，最优化网站布局，好的网站浏览体验可以使用户爱上使用我们的网站。不将这一点牢记于心，是很难做好响应式网站的。

响应式设计可以隐藏网站内容

相比其他类型的网站，响应式网站通常只有比较少的空间用来放置文本和图片(同时考虑电脑端和移动端)，因此一些站长在做响应式网站时会将网站的部分内容隐藏起来。一些人觉得这样做没什么问题，但细想一下你就会明白这个错误很明显，响应式设计是为了让网站内容更容易可见，如果我们隐藏了网站内容，那为什么还要设计响应式网站呢?而且，如果我们假设某个部分或内容是可隐藏的，那么我们主观的认为用户不需要这个信息，这可能会给用户带来极其糟糕的体验，那些所谓不重要的东西也许客户非常看重。所以针对空间比较少的问题，应该怎么做呢?我们可以通过添加导航链接或锚链接的方式重新合理安排网站内容，使用多种工具保证网站内容的可读性。

另外还有一点，在用户进行浏览时，通过CSS布局控制隐藏的内容仍然会被加载，那为什么不提供给用户完整的用户体验呢?网站内容在任何设备都应该是统一的，千万不要限制用户在某个设备上可以获得的信息。

响应式设计只关注设备断点

在响应式企业建站中，我们是通过媒体查询的方式改变网站的布局，我们常说的断点指的就是在哪种宽度下改变布局。设计响应式网站时，很多设计师都喜欢针对一些设备的数据来设置断点，最常见的三种设备就是电脑、台式/笔记本、平板、手机，这样一来设计出来的就是针对这些设备分辨率的网站。这样其实并不靠谱，因为屏幕尺寸是会随着科技的发展和人们的喜好而不断变化，比如说，我们已经从习惯使用台式电脑到今天的智能手机，屏幕也由大到小又再次变大，所以我们不应该只根据屏幕大小、设备的分辨率设置断点。如果把重点放在设备断点上，一旦某个设备的屏幕尺寸发生变化，就需要及时修改网站布局，过程非常繁琐。

那应该怎么设置断点比较好?设置断点有个前提，做响应式网站不是只针对某个设备的用户，而是为了让所有用户都可以看到网站内容。所以，断点最好根据网站的内容设置，当我们的内容在达到一个零界点时，比如视觉效果不够美观或者影响了网站内容的传递分享，这就是我们想要的断点。 \r\n但是在纯粹的视觉设计阶段，我们可能无法判定内容在什么时候会达到临界点，因此最好的方法是将网站内容与现有的设备相结合确立一个断点，绝不能只关注设备的断点。

相关阅读：

为什么大部分企业都应该用H5响应式建站