Question

我正在尝试让我的网站对平板电脑做出响应，但我的图库菜单页面没有调整到我在iPad Air 2上查看时设置的断点。缩略图不会收缩以适应屏幕，而是应该使用在两侧切断。

以下是我对画廊容器的HTML：

<div class="content_wrapper">

    <div class="gallery">

        <div class="gallery.mCustomScrollbar_mCS_1">

            <div id="mCSB_1" class="mCustomScrollBox.mCS-rounded.mCSB_vertical.mCSB_inside" tabindex="0">

                <div id="mCSB_1_container" class="mCSB_container" dir="ltr" style="position:relative; top:0; left:0;">

                    <div class="gallery_thumb></div>

mCS样式div由jquery脚本添加，该脚本将滚动条更改为自定义设计，这是第三方开发。

这是有问题的div的CSS。

.content_wrapper{
    height: 50%;
    width:75%;
    min-height: 20.4em;
}

.gallery{
height: 100%;
width: 100%;
overflow: auto;
}

.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden; 
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}

我遗漏的类被确认为对调整大小问题没有影响。响应设置我只增加.gallery_thumb的大小。

任何帮助将不胜感激，该网站的网址是：

http://www.phaedravlahos.com/index.php/artwork

Div没有正确调整iPad的大小

0 个答案: