Dompdf, html önyükleme kodunu col-sm-x olarak basar ve col-lg-x olarak değil

Raporları PDF biçiminde yazdırmak için PHP'de Dompdf kullanıyorum. HTML önyükleme kodunu ekranımda gördüğüm şekilde nasıl yazdıracağımı anlayamıyorum. Örneğin, cihaz daha küçük olduğunda önyükleme ızgarasının daraldığını biliyorsunuz. Bu durumda, PDF'mde ızgara, bir mobil veya tablo içinde, col-xs-x veya col-lg-x yerine col-sm-x gibi görünür. Dompdf'de, görünümün col-lg-x'da nasıl görünmesi gerektiğini belirtmenin bir yolu var mı? İşte Dompdf, html önyükleme kodunu col-sm-x olarak basar ve col-lg-x olarak değil

$content2='<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <div class="jumbotron"> 
    <h1>My First Bootstrap Page</h1> 
    <p>Resize this responsive page to see the effect!</p> 
    </div> 
    <div class="row"> 
    <div class="col-sm-4 col-md-4 col-lg-4"> 
     <h3>Column 1</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> 
     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> 
    </div> 
    <div class="col-sm-4 col-md-4 col-lg-4"> 
     <h3>Column 2</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> 
     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> 
    </div> 
    <div class="col-sm-4 col-md-4 col-lg-4"> 
     <h3>Column 3</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> 
     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> 
    </div> 
    </div> 
</div> 

</body> 
</html>';

kodunun gerisi:

örnek html önyükleme kodu Örneğin

$pdf = new Dompdf(); 
$pdf->loadHtml($content2); 
$pdf->render(); 
$pdf->stream();

, benim ekranda, sütunlar <h3>Column 1</h3>, <h3>Column 2</h3> ve <h3>Column 3</h3> görünür aynı satırda. Ancak pdf içinde, her biri farklı satırlarda görünürler (col-xs-x'a daraltılmış). Üst üste bir tane var. Ve bir satırda üç değil -> ben istediğim şekilde (example here).

kaynak

2016-04-10 Pathros

birkaç notlar: col-sm-4 col-md-4 col-lg-4

col-sm-4

sen asıl sorun basitleştiirlebilir PDF dönüştürücü sahip olmak temelde bir baskı ekranı için dönüştürme. Baskı için maksimum genişlik bir tarayıcıdan çok daha küçüktür.

Sen deneyebilirsiniz col-xs-4 yerine hile yaptı

kaynak

2016-04-10 00:30:33 imvain2

Yep =)! Notlar için de teşekkürler. Onlara minnettarım. – Pathros

Ayrıca, dompdf'nin (0.7.0'a kadar ve dahil) henüz kesme noktalarını desteklemediğini unutmayın. – BrianS

Dompdf, html önyükleme kodunu col-sm-x olarak basar ve col-lg-x olarak değil

cevap

İlgili konular