Question

我试图让我的网站上的滑块在移动设备屏幕上调整到不同的高度但是没有让它正常工作。

我正在尝试使用的网站是www.msstoreway.com。在下面添加了css代码后，我可以调整桌面/笔记本电脑屏幕，但在移动屏幕上滑块高度根本不会改变。你能告诉我我做错了什么以及如何在移动屏幕上增加高度。谢谢。查看我添加的CSS代码。问候

标记

    /* Smartphones (portrait) ----------- */
     @media only screen 
     and (max-width : 320px) {
     /* Styles */
    #slider .rslides, #slider .rslides li { height: 250px; max-height: 
    250px; }
    #slider .rslides img { height: 100%; max-height: 250px; }

     }

Answer 1

您用于滑块的插件正在将高度/宽度缩放为内联样式，这将覆盖您的CSS样式。

你可以添加！important标签，然后覆盖内联样式，但请注意你将失去js插件正在实现的宽高比缩放。

Sub HighlightLists()
    Dim li As Word.List
    Dim p As Paragraph

    For Each li In ActiveDocument.Lists
        For Each p In li.Range.Paragraphs
            If Not p.Range.ListFormat.ListTemplate Is Nothing Then
                p.Range.HighlightColorIndex = wdYellow
            End If
        Next p
    Next li
End Sub

响应式Web开发-CSS -mobile滑块高度

1 个答案: