Firefox打印的页面少于chrome打印的页面-为什么?

时间:2019-01-10 11:09:42

标签: html css

当我在Chrome上访问此页面时:

https://www.rubyrange.com/shop/adventure-tours/adventure-van-tours/from-the-rockies-to-alaska-go-wild-calgary-whitehorse/

我可以打印6页。当我在Firefox上访问此页面时,我可以打印3页,似乎缺少第3、4、5页。

有人知道这里的打印CSS有什么问题吗?

/* Print Style Sheet */
@media print {

    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
        color-adjust: exact !important;                 /*Firefox*/
    }


    @page {
           /*size: auto;
           margin: 0;*/
    }

    body {
        /*margin: 10mm;*/
    }

    .site-inner {
        position: relative;
        top: 0;
    }

    .header-image .wrap > a {
        top: 0;
    }

    .related.products,
    .top-bar,
    .header-bar-wrapper,
    .nav-primary,
    .ruby-booking-wrapper,
    .envira-gallery-position-overlay,
    .tours-legend,
    .tours-media-headline--gallery,
    .envira-gallery-wrap {
        display: none;
    }

    a[href]:after {
      display: none;
      visibility: hidden;
   }

   .product .entry-summary {
        display:flex;
        flex-direction: column-reverse;
        font-size: 1.3rem;
   }

   .tours-summary-wrapper {
        width: 100%;
        float: none;
   }

   .tours-teaser-wrapper {
        width: 100%;
        float: none;
        padding-left: 0;
   }

   .tours-media-wrapper {
        display: none;
   }

   .woocommerce-Tabs-panel {
    display: block !important;
   }

    .tours-available-dates {
        width: 100%;
    }

    .single-product .ruby-print-box {
      display: none;
    }
}

0 个答案:

没有答案