首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我们怎样才能让网站像亚马逊一样反应迅速呢?

我们怎样才能让网站像亚马逊一样反应迅速呢?
EN

Stack Overflow用户
提问于 2018-12-17 06:57:14
回答 2查看 759关注 0票数 0

我正在用ReactJs和Tachyons的小项目挑战自己,以生产一个像亚马逊一样响应性的网站(仅限前端)。

这里有一个例子,说明了亚马逊能做什么,而我却没能做到。

这里的是全宽格式的亚马逊页面

亚马逊的半角页面。在这里我们可以看到Amazon做出了响应并改变了搜索栏的大小。

亚马逊的网站的最小浏览器大小。**这里的网站保持**相同的大小,因为它是半宽。

如果您想尝试使用您的web浏览器,请使用access Amazon

我试着做同样的事情,但我尝试了很多事情都失败了,所以我请求帮助。

目前,我正在使用React-Device-Detect来检测设备类型。我没有让网站响应,而是连续两次做同样的工作(一次是网站,一次是不同大小的手机,等等)我想亚马逊也是这么做的吧?(在你的手机上,在你的电脑上检查亚马逊,然后在你的电脑上检查亚马逊的最小宽度,看看它与你的手机不同)

现在我在下面的图片中遇到的问题是:

全页格式的网站

最小页面中的网站。我们可以观察到,所有内容都调整了大小,蓝色条的高度降低了,5列看起来很糟糕

我应该使用Bootstrap吗?它是我唯一的解决方案吗?亚马逊是在使用Bootstrap,还是他们有自己的“css框架”?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-12-17 07:14:15

关于你的问题的许多解决方案取决于你的目标。

  1. CSS media-queries
  2. A CSS框架(例如Bootstrap)
  3. A React组件库(例如React Material UI)

我个人的第一个建议是 component。它真的很容易实现,而且做得很好!完全推荐给react初学者开发者。

第二个选项是带有样式组件的CSS媒体查询。这是一种更高级的技术,但它会产生更干净的代码。

提示:您还可以检查muuri UI库。

票数 1
EN

Stack Overflow用户

发布于 2018-12-17 07:05:59

你可以使用一些移动友好的css框架(首先),它们都是响应式设计的。Bootstrap是一个非常流行的工具。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53807197

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档