缩小响应标题的大小

时间:2017-12-25 作者:Stefano

使用移动设备或平板电脑时,我的产品标题会被裁剪。我只想缩小它们的尺寸。查看图片:Cropped title

有没有办法改变这种状况?是CSS还是Php?

产品的URL如下:https://www.editorialufv.es/catalogo/territory-inhabited/

1 个回复
最合适的回答,由SO网友:Temani Afif 整理而成

您可以在使用媒体查询的地方添加自定义CSS,以减小小型设备中标题的字体大小。您还有一些样式可以删除line break 并添加3 dots 在最后。因此,您也可以删除它们。

您可以尝试以下代码:

@media all and (max-width:480px) {
  .woocommerce div.product .product_title {
    font-size:18px;
    white-space: initial;
    text-overflow: initial;
  }
}
您可以根据需要调整字体大小的值。

结束

相关推荐

如何才能实现这种图像的css风格呢?

在wordpress中,我们可以选择将“图像CSS类”分配给任何图像。我的要求是如何编写一个CSS类来更改下面显示的图像原始图像CSS类后的图像(请注意下角)当我在我的website 所以这很重要。