【发布时间】:2017-07-28 22:40:36
【问题描述】:
在开发和测试网站响应能力时,使用手机模拟器中内置的 chrome 来准确地做到这一点是否明智?
【问题讨论】:
-
我建议您检查
console.log错误并修复每个错误。在我的设备上,我得到了至少 15 个。你也有一些响应警告。这可能取决于您使用和加载 JavaScript 的方式。
标签: google-chrome responsive-design
在开发和测试网站响应能力时,使用手机模拟器中内置的 chrome 来准确地做到这一点是否明智?
【问题讨论】:
console.log 错误并修复每个错误。在我的设备上,我得到了至少 15 个。你也有一些响应警告。这可能取决于您使用和加载 JavaScript 的方式。
标签: google-chrome responsive-design
我不确定问题出在哪里,但可能是其中之一。
您过去可能对特定元素进行了更改(已修复) - 但由于您的浏览器缓存,它看起来相同。尝试清除设备上的缓存,看看会发生什么。
您用于使箭头上下移动的脚本可能对移动设备来说有点过多,并使其行为方式变得怪异。也许将其留在移动设备上或将其全部删除将是解决方案?
编辑:查看网站上的错误后,您似乎有很多错误和一些严重警告。如果你修补这些,它可能会在移动设备上运行。
如果这些都不是解决方案,请在下面的 cmets 中告诉我。
【讨论】:
您网站的问题似乎是没有加载 CSS 的简单案例。也就是说,您正在尝试加载似乎丢失的/assets/css/app.css (404)。
此外,要修复箭头的位置,您需要
#hero {
flex-direction: column;
}
【讨论】: