それがブラウザに表示され

Question

ショッピングカートは、ブラウザのウィンドウで

<span class="login-or-register"> 
     <a class="color-red" href="/store/Account/LogOn">Enter</a> 
     or <a href="/store/Account/Register">Register yourself</a> 
    </span> 

はそれが正常に表示されたようですが、HTML5のマークアップが含まれているブートストラップ3.

を使用して作成されたウェブページを印刷する方法。 Chromeの印刷プレビューでは、URLと印刷が醜いことも表示されます。 メディアが指定されていないため、出力は画面と同じにする必要があります。

ショッピングカートのページを画面に表示する方法を教えてください。

Answer 1

ブートストラップは、印刷スタイルの多くを追加します。

@media print { 
    *,:after,:before { 
     color:#000!important; 
     text-shadow:none!important; 
     background:0 0!important; 
     -webkit-box-shadow:none!important; 
     box-shadow:none!important 
    } 
    a,a:visited { 
     text-decoration:underline 
    } 
    a[href]:after { 
     content:" (" attr(href) ")" 
    } 
    abbr[title]:after { 
     content:" (" attr(title) ")" 
    } 
    a[href^="javascript:"]:after,a[href^="#"]:after { 
     content:"" 
    } 
    blockquote,pre { 
     border:1px solid #999; 
     page-break-inside:avoid 
    } 
    thead { 
     display:table-header-group 
    } 
    img,tr { 
     page-break-inside:avoid 
    } 
    img { 
     max-width:100%!important 
    } 
    h2,h3,p { 
     orphans:3; 
     widows:3 
    } 
    h2,h3 { 
     page-break-after:avoid 
    } 
    select { 
     background:#fff!important 
    } 
    .navbar { 
     display:none 
    } 
    .btn>.caret,.dropup>.btn>.caret { 
     border-top-color:#000!important 
    } 
    .label { 
     border:1px solid #000 
    } 
    .table { 
     border-collapse:collapse!important 
    } 
    .table td,.table th { 
     background-color:#fff!important 
    } 
    .table-bordered td,.table-bordered th { 
     border:1px solid #ddd!important 
    } 
} 

いずれかの望ましい結果を得るためにそれらを削除するか上書きします。例えばあなたのスタイルシートにURLを削除するには、

@media print{ 
    a[href]:after { 
    content: none !important; 
    } 
} 

を追加してください。