小编Yah*_*sam的帖子

我有一个背景包含一个表格的div.我希望div具有100%的宽度,除非它比表长的窄.我可以这样做:

.my-div {
  width:100%;
  min-width:900px;
}

这对于900px宽的表来说非常棒,但是如果它比那个窄,我会有不需要的滚动条,如果它比那更宽,我会有无法访问的内容.显然,这可以通过JavaScript轻松解决,但我想知道是否有一个只有CSS的解决方案,所以我的应用程序不是那么JS重.

有关正在发生的事情的视觉效果,请参见此处.我想要的是绿色背景在表格中的文本时溢出视口.

我正在尝试在 woocommerce 购物车页面中获取特定属性值。我在表格中制作了像这样的自定义列。

<td class="product-color" data-title="<?php esc_attr_e( 'Color', 'woocommerce' ); ?>">
                        <?php
                            echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key );
                        ?>
                    </td>

                    <td class="product-size" data-title="<?php esc_attr_e( 'Size', 'woocommerce' ); ?>">
                        <?php
                            echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key );
                        ?>
                    </td>

                    <td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">
                        <?php
                            echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key );
                        ?>
                    </td>

如您所见，他们都获得了产品价格。但我正在尝试获取颜色和大小的属性。 我搜索并发现了这个：

foreach( wc_get_product_terms( $product->id, 'pa_size' ) as $attribute_value ){
// Outputting the attibute values one …

在数据库中，我们有元用户表，其中包含：
和字段first_namelast_name

这些是默认的 WordPress 名字和姓氏。

我们还有：
和billing_first_name 。billing_last_name

现在，当用户填写帐单表单并继续结帐流程时，Woocommerce 会使用帐单名称字段（默认值）中的新值更新这两个字段。

我尝试过很多使用动作的事情，例如：

woocommerce_before_checkout_billing_form

或者

woocommerce_after_checkout_billing_form

还尝试使用以下方法更新元：

update_user_meta()

但这不起作用。

我希望它不覆盖默认的名字和姓氏，但仅将新值保留在 billing_first_name 和 billing_last_name 中

我认为默认过程是这样的
https://gist.github.com/claudiosanches/ae9a8b496c431bec661b69ef7 ​​3f1a087

请问对此有什么帮助吗？

我是SCSS的新手，并且我试图保持网站封面图像的良好质量。无论如何，css运作良好，而scss却无法运作。

SCSS

#page-login-index {
@media screen and (min-aspect-ratio: 5/4) {
    background-color: red;
}}

的CSS

@media screen and (min-aspect-ratio: 5/4) {
#page-login-index {
background-color: red;
}}

我需要在SCSS中执行此操作，因为我从PHP加载了一些东西。我注意到当min-height正常工作时，aspect-ratio和device-aspect-ratio不起作用。