#优质博文 #前端 #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这样(如图)的测多个设备的工具比较看看。
 
 
Back to Top