Html 使用响应样式对齐页眉/页脚

在这里查看不同大小屏幕和手机上的问题

我最初在Bigcartel中使用了Luna主题，对零件进行了修改，使其适合我们的品牌。在这样做的同时，Luna responsive主题不再有效。。。一点也没有改变它（我的实际代码中一定有什么东西导致它停止工作）。。。；它只会显示一个空白的白色屏幕（手机）

然后我复制并使用了一个独立主题的响应风格，这使得我的网站像手机上的普通网站一样运行。。。但是页眉/页脚都不合适，尺寸也不合适。我尝试将所有宽度更改为%，但没有注意到任何差异。我设法改变了flexslider的尺寸。。因此，现在它可以工作了，但我正在努力改变页面上其他主要组件（包括导航栏）的大小

到目前为止，我不愿意在这里发布任何代码。。。因为我不确定要包括什么（我不想包括所有的响应式风格），但也许有人能给我指出正确的方向

---

谢谢，

解决方法之一是在一些断点处添加@media screen和（最大宽度：…px），以重新对齐底部的图像和标题导航。放置它们的最佳宽度是多少？在响应样式中已经有了“@media screen”，例如[/*sm*/@media（最小宽度：768px）和（最大宽度：991px）]，当我滚动页面时，我注意到一些断点，底部栏将进入白色区域，顶部导航将隐藏在内容后面。这里有一个很好的在线工具，可以帮助你看到它在不同屏幕大小上的样子，这有助于测试（）一个例子是900px（）非常好的链接，谢谢，这将非常方便。