单页的活动页面如何reponsive

Question

设计师设计的时候完全没考虑到responsive的问题。似乎只能手写各种media query设置不同的定位和字体大小。有什么比较好的解决方案吗？写media query会遇到各种各样尺寸的问题，很繁琐，而且不知道自己写的是否考虑全了。

Answer 1

设计师考虑了 responsive 你就不用手写 media queries 了？好奇怪的逻辑。

无论是谁写 media queries 都会遇到一样的问题，会者不难难者不会，繁琐不繁琐的其实自己心里都清楚，说白了就是自己到底吃透它了没。

若说解决方案，bootstrap 其实就算，如果不想用现成的框架，那也可以用很多方便写 mq 的工具，比如 breakpoint 之类的（sass 生态圈的）。不过话说回来，如果你本身 mq 的功底不够硬，使用这些工具一样会遇到很多问题。工具只能帮你简化问题的解决过程，但是不能简化问题本身。