Question

以下是我的开发人员整理的代码，但我们仍然无法从http://sandboxalleninvestments.com/person/keith-albritton/统一打印。它作为PDF打印时打印很好，但除此之外，它都是不可思议的。我没时间，头发耗尽了。在某些打印机上，它可以在某些日子上运行，而在其他情况下则不然

<?php get_header(); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <?php 
    // $post_id = get_the_id();
?>
<style>
@media print {
    .container {
        width: 100%;
    }
    .bio__content {
        max-width: none;
    }
    .bio__content p { 
        font-size:16px !important; }
    }
    .subheader--bio .tabelize__content h1 {
        font-size: 35px !important;
   }
    .bio__content hr {
        margin:0;
    }
    .bio__content p {
        padding:0 30px;
    }
} /* @media print */
</style>
 <div class="subheader subheader--bio">
        <img src="<?php the_field("bio_picture"); ?>" alt="">
         <div class="container">
            <div class="tableize tableize--middle">
                <div class="tableize__cell">
                    <div class="tabelize__content">
                        <?php
                        $first_name = get_field('first_name');
                        $last_name = get_field('last_name'); ?>
                        <h1><?php echo $first_name . " " .     $last_name ?></h1>
                        <small><?php the_field('job_title');     ?></small>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <main class="main main--inner main--border">
        <div class="container">
            <div class="bio__content">
                <div class="bio__bar">
                    <ul class="socials list--nostyle">
                        <?php if (get_field('facebook')) :  ?>
                        <li>
                            <a href="<?php the_field('facebook');    ?>"><svg role="img" class="icon icon--fb"><use xlink:href="<?php echo get_template_directory_uri() . '/icons/icons.svg#icon-fb' ?>"></use></svg></a>
                        </li>
                        <?php endif; ?>
                        <?php if (get_field('instagram')) : ?>
                        <li>
                            <a href="<?php the_field('instagram'); ?>"><svg role="img" class="icon icon--in"><use xlink:href="<?php echo get_template_directory_uri() . '/icons/icons.svg#icon-in' ?>"></use>  </svg></a>
                        </li>
                        <?php endif; ?>
                    </ul>
                      <?php  if(get_field('team')) : ?> 
                     <a href="<?php the_field('team'); ?>" class="link link--lg">View Team Page</a>
                     <?php  endif; ?> 
                </div>
                <?php the_field('description'); ?>
                <hr>
                <div class="bio__footer">
                    <a href="" class="link link--lg" onclick="window.print(); return false;">Print Bio</a>
                </div>
            </div>
        </div>
    </main>
  <?php endwhile; endif; ?>  
<?php 
get_footer();
?>

这是问题的截图。您可以看到边距偏离，字体与代码不匹配（尺寸方面）：

http://i.stack.imgur.com/93qDn.jpg

在所有打印机上统一打印（打印时，而不是PDF）

0 个答案: