WooCommerce 在移动设备上显示列

Question

如何让 woocommerce 在移动设备上显示 3 或 4 列？我的商店页面在手机上只显示 1 列。

Answer 1

/* Show in default resolution screen*/
#container2 {
width: 960px;
position: relative;
margin:0 auto;
line-height: 1.4em;
}

/* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
@media only screen and (max-width: 479px){
    #container2 { width: 90%; }
}

为移动设备设置 CSS 百分比