我有一个 wordpress 网站,我试图在滑块图像上垂直浮动文本。
我使用以下 CSS 在我的滑块小部件上硬编码了一个静态全宽图像。
.slider-wide {
clear: both;
width: 100%;
height: 560px;
background: url(http://photourl);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
现在来回答这个问题。虽然文本在宽屏上看起来很漂亮,但当浏览器窗口缩小或从移动设备查看时,文本会溢出滑块图像并溢出到其他小部件中。
有没有办法将此文本锁定到仅滑块小部件中?以某种方式响应文本大小?