Bootstrap4エディタのpingendoでpdfのマニュアルをHTML化してみた-後編 - 朝日ネット 技術者ブログ
watanabeです。前回の記事ではBootstrap4のエディタを用いて、pdfのマニュアルを見た目の印象をあまり変えないようにHTML化しましたが 今回は印刷時のレイアウトを元のマニュアルに近づけるためにどう調整したかを記録します。 また、HTML化してもマニュアルとしての操作性を落とさないようにするためのおすすめTipsも紹介します。 印刷用の調整-元のマニュアルに近づける 1.印刷用CSSを上書きする 2.CSSを調整する 印刷する文字サイズ 全体の拡大縮小を指定 印刷用の見出しやリストの調整 改ページの指定 その他マニュアルHTML化時の調整Tips 上に戻るボタン 印刷するボタン 目次の作成 まとめ 採用情報 印刷用の調整-元のマニュアルに近づける 以下のような手順で調整していきます。 印刷用のCSSをBoorstrapのCSSに上書きする CSSを調整する 改ページの指定 1
