Question

我在这个网站上工作。请检查链接http://mrsinghcafe.com/real/ 它在主页上有一个带文本的滑块。在小分辨率下，滑块出现但没有文本我希望文字也出现在小分辨率上。

我尝试将以下内容添加到我的css

#slidecaption
{
display:block;
}
.slide_text
 {
display:block;
}

但没有帮助。可以帮助我一些人。谢谢。!!

Answer 1

display:none;的{{1}}负责：

#div1content

将其移除并根据您的喜好定位文字。

Answer 2

在你的CSS中找到了这个：

@media only screen and (max-width: 767px) {
 #slidecaption {
    ...
 }
 .slide_text {
    display: none;
 }
 #slidecaption h2 {
    ...
 }
}

.slide_text为display: none，在此规则之后，没有规则将其设置为再次阻止。

在slider_text_n_desription.css中的

，你会发现上面的规则。通过添加display: block

来推翻它

@media only screen and (max-width: 479px) {
 .slide_text {
    bottom: 120px;
    font-family: 'Eurostile-Normal';
    font-size: 12px;
    margin-left: 10%;
    position: absolute;
    display: block;
 }
}

Answer 3

#slidecaption
{
    display:block;
}
.slide_text
{
   display:block;
}

使用分号

文本未在移动视图中显示

3 个答案: