【问题标题】:A request to test the responsiveness of the React application [closed]测试 React 应用程序响应能力的请求 [关闭]
【发布时间】:2021-08-18 02:27:22
【问题描述】:

我正在测试用 React.js 编写的应用程序在移动设备上的响应能力。因此,我向您提出请求,从这个角度测试应用程序并分享您对可以改进的地方的想法。当然,我想提高应用程序的性能,使其加载速度更快。减轻照片的权重,给一些照片添加lazyloading属性就够了吗?

Application link

【问题讨论】:

  • 我投票结束这个问题,因为它实际上不是一个问题,就像用户只是想在这篇文章中获得他/她的应用程序的反馈。

标签: javascript html css reactjs responsive-design


【解决方案1】:

这是在模拟移动客户端的小窗口上测试的

这部分有两个问题。一是按钮内的文字没有正常显示,二是不确定是不是故意的,但是浅色背景上白色文字重叠的设计让人有点看不清。

在这里,线条位于较小屏幕上的按钮顶部,并且悬停在某些内容上。假设您正在单击中心的那个按钮,它不起作用,因为它上面有这条线,这可能不是您想要的:

在这里,您的图像在 x 轴上溢出:

最后,移动设备上的导航栏绝对位于屏幕顶部,我不确定您是否打算这样做,我建议将其粘贴到屏幕上,这样即使用户滚动,它仍然在那里,完全暴露出来,它的作用是,用户不必一直滚动到顶部即可找到该导航栏。

但是,总体而言,这看起来相当不错,而且配色方案确实适合主题。

【讨论】:

    猜你喜欢
    • 2010-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-27
    • 1970-01-01
    相关资源
    最近更新 更多