页面的设计和开发应基于用户行为和设备环境（系统平台屏幕大小屏幕方向等）。有很多实用的方法，包括弹性网格和布局图片cssmedia查询等。无论用户使用的是笔记本电脑还是iPad，我们的页面都应该能够自动切换分辨率图像大小以及相关的脚本功能，以适应不同的设备换句话说，页面应该能够自动响应用户的设备环境。响应式网页设计是指一个网站可以兼容多个终端，而不是为每个终端制作一个特定的版本。这样，我们就不必为新设备做特殊版本的设计和开发。
在多屏幕交互时代，响应式网页设计变得越来越重要，因为由响应式网页设计的网页可以在不同的设备上运行，衡量一个网站的响应是否优秀，取决于它是否有灵活的布局，是否有非常灵活的布局，如何设计，网页的设计是否合理对网站的响应效果起着重要的作用，在设计响应网页时应该注意什么
开发人员经常犯的一个常见错误是，他们在设计网站时优先考虑桌面版本，因为在这些人看来，将基于桌面的网站转换为其他设备的响应式web设计是很容易和愉快的
快的事情。然而，这种错误在规划阶段本身就会成为一个非常大的问题。即使是返工也会造成，当然，大量的错误也会蔓延开来。
在为移动设备设计时，导航条的设计问题会给你带来麻烦，所以你必须避免麻烦。与固定宽度的设计不同，响应式设计导航应该根据设备类型来确定（因此智能手机的导航菜单可能与平板电脑不同，当然，也可能与桌面版不同）。
许多设计师发现自己被设计一个适合所有屏幕的导航菜单的任务压得喘不过气来。在许多情况下，设计师努力将水平列表菜单转换为垂直列表菜单，特别是当它适应于较小的移动屏幕时。但是，由于导航栏不是基于屏幕设计的，这可能会导致用户体验不佳。
响应式设计通常没有足够的空间来显示图片和内容，但这并不意味着你的内容应该被忽略。你必须以可读的方式重新排列内容。这个比较宽容
易于实现，你可以创建导航链接和使用锚，用户可以看到他们一直在寻找的网页。那些使用CSS布局来控制内容隐藏的人应该明白，内容仍然是隐藏的
负载，所以对你来说给用户提供完整的观看体验并不是什么大事。简而言之，用户不应该因为他们使用的设备而受到开发者的惩罚。
仅为移动网站分配地址是一场灾难，它破坏了我们初交互设计的目的，而且是有争议的。当用户访问网站并重定向到移动版本时，他们不得不浪费大量宝贵的时间。此外，它也会严重影响你的搜索排名。但是，当然，使用不同的url有很多优点。它确保您可以构建更轻的
页面的移动站点，并能在智能设备上表现更好。网站还可以在特定的平台上管理性能和性能。不幸的是，拥有单一移动网站地址的负面影响远远大于正面影响。
你不能简单地将桌面内容压缩成移动版本这样做会影响你的用户体验，用户可能会放弃你的产品。在手机有限的空间里，创建一个友好的界面是非常重要的。您可以采取一些措施，例如使用下拉菜单而不是桌面上的导航栏，这样可以节省空间。如果你先设计手机，通常不会让人头疼。
当你在进行响应式设计时，你不能只考虑桌面和移动设备，你还应该考虑其他类型的设备。人们可以通过智能电视或带有嵌入式浏览器的机顶盒访问您的网站。现在，即使是掌上电脑也有不同的类型。但是，这并不意味着您可以为所有设备创建相同的用户界面。你为不同的设备创建不同的网站。您只需要创建一个响应式导航和一个用户容易理解的设计。创建的导航可以清楚地保存设备的上下文。
随着宽带的普及，web开发人员开始习惯于页面上大量相对较大的资源。然而，当我们使用移动电话时，我们的用户使用较慢的2G和3G网络。同样，那些维护minf international的用户也要为他们使用的带宽付费。
一个页面在桌面上快速加载，但在移动电话上加载一个页面需要很长时间或使用额外的昂贵带宽。更糟糕的是，当用户被迫等待页面加载时，即使是几秒钟，他们也会离开页面，而您将失去流量。
