Question

我遇到移动设备上order_review.php和checkout.php页面布局的问题（少于479像素）。 order_review分为两列（一列称为product_name，另一列称为product_total）。我尝试设置列宽，使product_name具有80％的宽度，而product_total则为15％左右。此外，我的大多数产品都有变体，它们也列在这两个页面上（在product_name列下）。每个变体都有它自己的标签 - 它们也没有正确显示，文本看起来几乎在彼此之上并且非常混乱。我尝试过以下css（最大宽度：479px）： CSS样式我建议：＃order_review.shop_table td，＃order_review.shop_table th {width：50％;} dt.variation {浮动：右;} dt.variation {浮动：左;}

<tbody><tr class="checkout_table_item"> 
<td class="product-name">חזה עוף 
<strong class="product-quantity">&times; 2</strong>
<dl class="variation"><dt>צורת חיתוך:</dt><dd>חצאים</dd>
                      <dt>סוג שקילה:</dt><dd>משקל</dd>
                      <dt>כמות:</dt><dd>2.5</dd>
</dl>
</td> 
<td class="product-total"><span class="amount">&#8362;96</span>
</td> 
</tr> </tbody>

如果有人对此问题有任何建议或有经验，请告诉我们。这是代码片段，当我将网站置于维护模式时，我暂时无法为您提供链接。如果您想要更多代码或必须查看实时链接，请再次告诉我您的需求。我非常确定您必须查看实时链接才能了解布局。

Woocommerce order_review，结帐页面

0 个答案: