responsive-design - Spree 如何覆盖 Skeleton 检测到的屏幕宽度？

Question

强制我的 Spree 应用程序/用户的浏览器忽略骨架宽度调整并始终假设浏览器宽度为 960 像素，只是让用户正确滚动，是否可能且容易？

我已经创建并部署了一个基本的、功能强大的电子商务应用程序。作为一个绝对的新手，我不知道响应式设计。所以，现在，我的网站在大视图下运行良好，但在宽度 < 960 像素时变得混乱。我希望在进行一些学习和重新设计布局的同时快速获得补丁。

Answer 1

骨架基于固定宽度。每列都有一个像素值宽度。只是将主体设置为不同的宽度是行不通的。

您必须编辑skeleton.css。确定列宽并除以 960 以获得百分比。然后决定要使用的正文宽度，并将列宽设置为相应的百分比乘以新宽度。

Answer 2

您可以在主体上设置显式宽度：

body {
  width: 960px;
  margin: 0 auto; /* center the body */
}