我正在开发以下网站的移动版本:http://provenioexclusive.com
CSS 在台式机、笔记本电脑和 iPad 设备上完美运行。然而,当针对移动设备调整窗口大小时,产品列表的宽度都变得困惑。请帮忙 我已将以下容器“ul.products ”设置为 100% 的宽度,并将另一个 100% 应用于“.card.card-product”,但这不起作用。
“卡片”的宽度应该与穿黑衬衫的人的宽度相同。
附上截图,非常感谢。
最佳答案
在您的@media(最大宽度:767px)
中使用以下内容:
.woocommerce[class*=columns-] ul.products li.product {
width: 100vw;
float: none;
clear: both;
margin: auto;
}
结果:
关于html - 网站上的移动 CSS 润色/修饰问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45620940/