#优质博文 #前端 #css #mobile
业务需要，看了看ToC的移动端适配的一些文章

1、如何使用 React-Responsive 进行响应式设计？（英文）
这篇文章是一个关于使用 React 和 react-responsive 库进行响应式网页设计的指南。它介绍了设计响应式网页布局时需要考虑的因素，展示了如何创建和测试一个简单的响应式网页，并推荐了使用 BrowserStack 进行实时设备云测试和自动化测试。（里面提到的 BrowserStack Responsive 我试了试，挺好用的喵）
2、响应式网站最佳实践的 7 个技巧（英文）
这篇质量也很不错，值得一看，7个技巧分别是确定目标优先级、易于发现的CTA（Call to Action）、使用SVG和响应式图片、可点击区域的尺寸、使用轻量级框架、移动优先的设计方法、跨浏览器测试、文章还列出了20个响应式网站的例子，供读者参考。（ps: 这里也是推了自己这个网站，Lambdatest）
3、使网站适合移动设备的 10 个最佳技巧（英文）
跟上文有一些重合，补充了：使用大字体、采用简洁的设计、使用视口元标签、使用媒体查询、简化表单、持续测试

感想：设计上确实之前有一些没想到，调试上考虑找一些类似BrowserStack这样（如图）的测多个设备的工具比较看看。