尊龙d88官方网站

<wbr id="oi25s"><source id="oi25s"><option id="oi25s"></option></source></wbr>
      <big id="oi25s"></big>
      
      
    1. 浏览器打印,Chrome网页打印中的宽度控制

      作者: 健隆 分类: 前端 发布时间: 2018-01-31 10:24

      最近碰到这个问题,我需要将网页打印成PDF文件。Chrome可直接将网页保存(打?。┪狿DF(无需安装Adobe),但式样跟网页上显示的截然不同。我测试了一下用法,了解了其中的一些原理和解决方法,总结如下。

      Chrome保存为PDF的界面上只有很少几个选项:

      image

      这几个选项都浅显易懂。但需要注意的是,这里并没有让选「纸张大小」。Chrome在保存为PDF文件时,默认纸张大小是A4。若布局为纵向,显示大小为210mm×297mm;若布局为横向,显示大小为297mm×210mm。

      这时候需提到一个DPI(Dot Per Inch)的指标。Windows下的网页打印的默认DPI为96dpi。按照1英寸=25.41mm换算,A4纸张可实际显示的像素宽度为794px×1123px,即打印网页的宽度为794px。

      实际打印还会有页边距,如果页边距为5mm(窄边距),网页内容最大宽度约750px,若页边距为19mm(默认边距),网页内最大元素分辨率约650px。

      基于此,很多网页在打印时会变形,因为打印时内容容器的宽度只有750px或者650px,但现在的网页内容大多都是基于至少1000px以上宽度设计的,这时候浮动容器会错位、超过宽度的图片和表格会显示不完全。

      解决办法有两个。

      其一,锁定网页的宽度。

      当网页宽度被指定时,页面将被自动缩放。这可以保证PDF文件和浏览器上显示的效果一模一样。这时候打印出的PDF文件仍是A4大小。

      其二,指定打印纸张大小。

      @media print {
          @page {
              size: 210mm 297mm;  /* or size: 794px 1123px;   */
              size: 297mm 420mm;  /* or size: 1123px 1588px;  */
          }
      }

      @page size有很多种用法,详细介绍见相关文档。通过指定不同的size,可以将文件打印成不同的纸张大小。这个效果和上面指定锁定网页宽度略有不同。

      Q.E.D.

      如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

      尊龙d88bbin平台 D88尊龙移动客户端 尊龙d88开户登入 尊龙d88网址备用登 尊龙d88来就送38 尊龙d88注册登录 尊龙d88官网免费下载 D88尊龙电脑版 下载尊龙d88app d88尊龙手机登录免费下载 尊龙d88手机版在线登录 尊龙d88登录安卓版下载 尊龙d88旧版登陆 尊龙d88下载 d88尊龙网页版登录手机 尊龙d88手机版在线登录 d88尊龙压大小打不开 尊龙d88旧版登陆 尊龙d88登录安卓版下载 尊龙d88旧版登录网址下载 尊龙d88官网免费下载 尊龙d88官网免费下载 d88尊龙新版登录 尊龙d88手机网页登录 D88尊龙网址大全 尊龙d88旧版登陆 下载尊龙d88app d88尊龙登录下载 尊龙d88开户登入 尊龙d88旧版登录网址下载 尊龙d88旧版网址 尊龙d88旧版网址 尊龙d88官网免费下载 尊龙d88登录 尊龙d88登录 d88尊龙官网免费下载 尊龙d88来就送38 尊龙d88下载 尊龙d88旧版登录网址下载 D88尊龙网址大全 尊龙d88手机版在线登录 尊龙d88用现金娱乐 d88尊龙压大小打不开 尊龙d88注册登录 尊龙d88登录安卓版下载 d88尊龙官网免费下载 尊龙d88来就送38 D88尊龙移动客户端 d88尊龙手机登录免费下载 尊龙d88手机版下载网址
      D88尊龙手机版登录 D88尊龙电脑版 D88尊龙移动客户端 D88尊龙网址大全 d88尊龙压大小打不开 d88尊龙官网免费下载 d88尊龙官网登录免费下载 d88尊龙手机登录 d88尊龙手机登录免费下载 d88尊龙新版登录 d88尊龙登录下载 d88尊龙网址 d88尊龙网页版登录手机 下载尊龙d88app 尊龙d88app 尊龙d88bbin平台 尊龙d88下载 尊龙d88官方网站 尊龙d88官网免费下载 尊龙d88开户登入 尊龙d88手机版下载网址 尊龙d88手机版在线登录 尊龙d88手机网页登录 尊龙d88旧版登录网址下载 尊龙d88旧版登陆 尊龙d88旧版网址 尊龙d88来就送38 尊龙d88注册登录 尊龙d88游戏登录入口 尊龙d88用现金娱乐 尊龙d88登录 尊龙d88下载 达孜县| 东阳市| 宝应县| 桃江县| 故城县| 黄陵县| 万年县| 永宁县| 社旗县| 扎鲁特旗| 延长县| 全椒县| 石屏县| 留坝县| 横山县| 郁南县| 通城县| 南靖县| 开封市| 莱阳市| 象山县| 克什克腾旗| 新和县| 龙游县| 永川市| 嘉善县| 合阳县| 塘沽区| 邹城市| 峨眉山市| 玉田县| 永宁县| 九江市| 舒城县| 光泽县| 宝坻区| 威信县| 商水县| 五华县| 海伦市| 界首市|