前端响应式的实用性

这里的响应式网页值得是指的使用 媒体查询,在不同屏幕改变样式,显示隐藏 html来实现同一个网页支持移动端和桌面端

最近工作又用到了 Bootstrap, 感觉爷的青春又回来了。Bootstrap 最标志性的就是做响应式网页,经过好多年后,突然发现主流的网站没有一个使用响应式来同时支持移动端和桌面端的。又看到这个五年前提出的问题 为什么百度、淘宝之类的大公司网页不使用响应式,而是独立开发一套手机页面?,才终于确定网页"一次设计,普遍适用"的美梦没人做了。

响应式的问题

响应式的问题其实和跨平台开发工具遇到的类似:

  1. 响应式设计需要把桌面端和移动端的代码写到一起,产生大量耦合的冗余的代码。既然移动端和桌面端这么不一样,为什么不分两个文件。
  2. 考虑用户体验,桌面端和移动端交互方式太不一样了,硬要同时满足两种屏幕,页面交互越复杂,响应式页面交互越差。

响应式的实用性

所以响应式的实用性基本为零,不要用了。其实还是有例外的,比如交互性很低,用于展示的页面,就像项目文档,公司主页,博客网站。但是大部分主流网站都不会用响应式来支持移动端和桌面端了:

  • 淘宝的逻辑是判断你的 userAgent,当你是 PC 就是 taobao.com,当你是 mobile 那就重定向到 m.taobao.com
  • 京东的逻辑也是类似淘宝
  • 知乎没有重定向,但也是 PC 就给你 PC 的 html,mobile 就给你 mobile 的 html

结论

没有人做响应式了,没有网站做响应式了,不实用,只有简单的新闻站点和博客站点会用,只能看没有很多交互。PC 可以用 flex 做做弹性的,但是 mobile 还是分开吧。

所以只能用来面试了,ε=(´ο`*)))唉!

updatedupdated2024-03-152024-03-15