Сетка галереи переполнена на живом сервере - PullRequest
Новая
       27

Сетка галереи переполнена на живом сервере

0 голосов
/ 28 февраля 2019

У меня есть HTML-документ.Когда я запускаю его в localhost, он работает хорошо.Но проблема возникает, когда я запускаю его на живом сервере.элемент галереи переполнен.Но интересно то, что когда я изменяю размер окна, он автоматически исправляется.Я использовал Magnific popup и Isotope.

Изображения, которые отображаются на живом сервере

, вот мой HTML-код: 

<div class="gallery"> 
            <div class="row"> 
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item department doctor patient" href="assets/images/gallery/gallery-3.jpeg"> 
                    <img src="assets/images/gallery/gallery-3.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item doctor department" href="assets/images/gallery/gallery-4.jpeg"> 
                    <img src="assets/images/gallery/gallery-4.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item department" href="assets/images/gallery/gallery-5.jpeg"> 
                    <img src="assets/images/gallery/gallery-5.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item doctor department" href="assets/images/gallery/gallery-6.jpeg"> 
                    <img src="assets/images/gallery/gallery-6.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item surgery department" href="assets/images/gallery/gallery-7.jpeg"> 
                    <img src="assets/images/gallery/gallery-7.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->
                <div class="col-sm-6 col-md-4 gallery-item patient" href="assets/images/gallery/gallery-8.jpeg"> 
                    <img src="assets/images/gallery/gallery-8.jpeg" alt="" class="gallery-img" />
                </div>
                <div class="col-sm-6 col-md-4 gallery-item doctor" href="assets/images/gallery/gallery-9.jpeg"> 
                    <img src="assets/images/gallery/gallery-9.jpeg" alt="" class="gallery-img" />
                </div>
                <!-- gallery Image -->

            </div> <!-- end .row -->
        </div> <!-- end .gallery -->

1 Ответ

0 голосов
/ 28 февраля 2019

Это связано с тем, как загружаются ваши изображения.Я предполагаю, что на реальном сервере они звонят на сервер и затем вводятся в DOM с помощью JavaScript. Существует множество способов исправить это, но самый простой способ - добавить атрибуты ширины и высоты в теги изображения.

...