我们怎样才能让网站像亚马逊一样反应迅速呢？
我正在用ReactJs和Tachyons的小项目挑战自己，以生产一个像亚马逊一样响应性的网站(仅限前端)。
这里有一个例子，说明了亚马逊能做什么，而我却没能做到。
这里的是全宽格式的亚马逊页面
亚马逊的半角页面。在这里我们可以看到Amazon做出了响应并改变了搜索栏的大小。
亚马逊的网站的最小浏览器大小。**这里的网站保持**相同的大小，因为它是半宽。
如果您想尝试使用您的web浏览器，请使用access Amazon
我试着做同样的事情，但我尝试了很多事情都失败了，所以我请求帮助。
目前，我正在使用React-Device-Detect来检测设备类型。我没有让网站响应，而是连续两次做同样的工作(一次是网站，一次是不同大小的手机，等等)我想亚马逊也是这么做的吧？(在你的手机上，在你的电脑上检查亚马逊，然后在你的电脑上检查亚马逊的最小宽度，看看它与你的手机不同)
现在我在下面的图片中遇到的问题是：
全页格式的网站
最小页面中的网站。我们可以观察到，所有内容都调整了大小，蓝色条的高度降低了，5列看起来很糟糕
我应该使用Bootstrap吗?它是我唯一的解决方案吗？亚马逊是在使用Bootstrap，还是他们有自己的“css框架”？
回答 2
Stack Overflow用户
发布于 2018-12-17 07:14:15
关于你的问题的许多解决方案取决于你的目标。
- CSS media-queries
- A CSS框架(例如Bootstrap)
- A React组件库(例如React Material UI)
我个人的第一个建议是 component。它真的很容易实现，而且做得很好！完全推荐给react初学者开发者。
第二个选项是带有样式组件的CSS媒体查询。这是一种更高级的技术，但它会产生更干净的代码。
提示:您还可以检查muuri UI库。
Stack Overflow用户
发布于 2018-12-17 07:05:59
你可以使用一些移动友好的css框架(首先)，它们都是响应式设计的。Bootstrap是一个非常流行的工具。
https://stackoverflow.com/questions/53807197
复制相似问题
腾讯云开发者
