响应3列页脚Div问题

时间:2014-08-27 05:43:17

标签: html css shopify

我正在shopify上设计一个网站,并且页脚在计算机屏幕上看起来很棒,并且响应迅速,但在iPad上,它看起来很糟糕。移动设备确实没有这个问题,所以我不确定我应该做什么。

我可以让整个DIV响应,还是需要格式化每个列/部分?我试图添加相同的"响应图像"标签我用于"做什么是现在什么是容易"图像,但那没有用。有什么想法吗?

www.righteyewearstore.com

提前谢谢!

1 个答案:

答案 0 :(得分:0)

如果你想让iPad有一列就像桌面一样,请执行以下操作:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.footer-module {
width: 100%;
}
}

甚至更好,在你的CSS中,替换所有你的720px媒体查询768px(只需搜索和替换,这将做到这一点)