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百分比