4

マテリアライズでウェブサイトを開発しようとしていますが、サイトにスライダーがあります。マテリアライズは応答性が高く、さまざまな解像度でうまく機能します。ただし、画面サイズを小さくすると、スライダーの幅も小さくなります (そうあるべきです)。ただし、その中の画像は、スライダーのサイズに合わせてスケーリングするのではなく、トリミングされているだけです。responsive-imgクラスをに追加しましたimgが、何も変わりませんでした。

スライダーコード

<div class="slider">
    <ul class="slides">
        <li>
            <img src="images/slider/slide_1.jpg">
            <div class="caption center-align">
                <h3>Eraltek Kurumsal</h3>
                <h5 class="light grey-text text-lighten-3">Sitemize hoşgeldiniz</h5>
            </div>
        </li>
        <li>
            <a href="panoramic/panoramic.html">
                <img src="images/slider/slide_2.jpg">
                <div class="caption right-align">
                    <h3>Eraltek Mağaza</h3>
                    <h5 class="light yellow-text text-darken-1">360 derece mağaza turu için tıklayınız</h5>
                </div>
            </a>
        </li>
        <li>
            <img src="images/slider/slide_3.jpg">
        </li>
        <li>
            <img src="images/slider/slide_4.jpg">
        </li>
        <li>
            <img src="images/slider/slide_5.jpg">
        </li>
    </ul>
</div>
4

4 に答える 4

4

cssを追加してみてください

最大幅: 100%;

<img>タグに。これで問題が解決することを願っています。responsive-imgクラスを追加することも忘れないでください<img>

于 2015-09-08T17:16:04.380 に答える