光滑的滑块为什么文字这么大在 iphone 上只有一个项目

Question

标题是 13px 但只有一个显示更大

$('.p-index__business__list ul').slick({ 自动播放：假， 自动播放速度：3000， 幻灯片显示：3， 箭头：真实， 点：真实， 使用变换：假的， { 断点：1300， 设置：{ 幻灯片显示：2， 箭头：真实， 点：真实， 中心模式：真， centerPadding:'70px', } }, { 断点：1000， 设置：{ 幻灯片显示：1， 箭头：真实， 中心模式：真， centerPadding:'100px', } }, { 断点：480， 设置：{ 幻灯片显示：1， 点：真实， 中心模式：真， centerPadding:'80px', } } ] });

某人帮助我。不知道为什么

Answer 1

Transform 属性通常会扩展文本和图像（在光滑的滑块中）。然而，您的中心图像大小相同（与附近的其他图像一样），这表明变换属性仅发生在图像下方的文本部分。您可以调整 CSS 以将文本转换大小呈现得更小。 尝试类似的方法（根据项目需要调整 css），将字体大小恢复到预期目标（它也可能影响右下角的小颜色框，如果是这样，您可能需要编写多行代码）。

.slick-center {
font-size: .9em;
}

这里有一篇文章展示了图像和文本如何通过变换进行扩展。 计算器