我需要在网络中模拟A4纸,并允许打印此页,因为它在浏览器(特别是Chrome)上显示。我将元素大小设置为21cm x

29.7cm,但是当我发送打印(或打印预览)时,它会裁剪页面。

body {

margin: 0;

padding: 0;

background-color: #FAFAFA;

font: 12pt "Tahoma";

}

* {

box-sizing: border-box;

-moz-box-sizing: border-box;

}

.page {

width: 21cm;

min-height: 29.7cm;

padding: 2cm;

margin: 1cm auto;

border: 1px #D3D3D3 solid;

border-radius: 5px;

background: white;

box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}

.subpage {

padding: 1cm;

border: 5px red solid;

height: 256mm;

outline: 2cm #FFEAEA solid;

}

@page {

size: A4;

margin: 0;

}

@media print {

.page {

margin: 0;

border: initial;

border-radius: initial;

width: initial;

min-height: initial;

box-shadow: initial;

background: initial;

page-break-after: always;

}

}

Page 1/2
Page 2/2

我想我忘记了什么。但是会是什么呢?

Chrome :剪贴页,双页( 这正是我需要的工作 )

Firefox :完美运行。

IE10 :信不信由你,这很完美!

Opera :打印预览时非常容易出错

html a4纸张大小像素,CSS设定A4纸张大小相关推荐

  1. css中字的大小,字体大小大于CSS中设置的大小

    当我将字体大小设置为特定像素高度时,计算出的字体大小是我在CSS中设置的大小的1.333倍.但是,如果我将字体大小设置为百分比,则使用正确的大小.这种情况发生在我尝试的每个浏览器中,包括Firefox ...

  2. html中一张a4是多少pt,CSS设置A4纸张尺寸

    我需要在网络上模拟A4纸,并允许打印此页面,因为它在浏览器上显示(特别是Chrome).我设置元素的大小为21厘米x 29.7厘米,但当我发送打印(或打印预览)它剪辑我的页面. HTML Page 1 ...

  3. HTML如何设置字号大小和颜色,css如何设置字体大小和颜色?

    设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. css如 ...

  4. a4纸在html的像素,A4纸网页打印中对应像素的设定跟换算

    A4纸网页打印中对应像素的设定和换算 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我 ...

  5. A4纸的像素和分辨率

    A4纸的像素和分辨率 根据A4纸尺寸是210毫米×297毫米,而1英寸=2.54厘米,我们可以得出当分辨率是多少像素时,得出A4纸大小尺寸为多少毫米. 如下是我们较长用到的规格尺寸: 当分辨率是72像 ...

  6. java设置打印机默认纸张_java 打印设置打印A4 A5纸

    用java写了一个打印机,遇到打印纸张输出的问题,打印纸张有A4或者A5,当设置A5纸张的时候需要横向打印输出 下面贴出部分代码,用于解决当打印纸张为A5纸张时,文件横向打印 DocPrintJob ...

  7. 如何用A4纸排版打印并制作成四分之一大小的册子(简易说明书)

    如何用A4纸排版打印并制作成四分之一大小的册子(简易说明书)? 1.打开要制作成小册子的文档,最好是word格式: 2.菜单栏选择"文件"-打印,弹出"打印"对 ...

  8. R语言使用pdf函数将可视化图像结果保存到pdf文件中、使用pdf函数打开图像设备、使用dev.off函数关闭图像设备、自定义paper参数指定pdf的纸张类型(多使用A4)

    R语言使用pdf函数将可视化图像结果保存到pdf文件中.使用pdf函数打开图像设备.使用dev.off函数关闭图像设备.自定义paper参数指定pdf的纸张类型(多使用A4) 目录

  9. html字体自动放大,让用户自己控制网页字体的大小的css书写方法

    让用户自己控制网页字体的大小的css书写方法 更新时间:2007年09月18日 20:31:41   作者: 现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是 ...

  10. css打印适应纸张_从生态平衡到打印机故障分析

    生态平衡(ecological equilibrium)是指在一定时间内生态系统中的生物和环境之间.生物各个种群之间,通过能量流动.物质循环和信息传递,使它们相互之间达到高度适应.协调和统一的状态.也 ...

最新文章

  1. 本科生去面试算法工程师心酸的故事
  2. jquery的实时触发事件(textarea实时获取中文个数)
  3. 【JetPack】数据绑定 DataBinding 简介 ( 使用要求 | Gradle 版本 | 定义数据类 | 定义数据绑定布局 | Activity 数据绑定 | 绑定类生成规则 )
  4. PHP内核探索之变量(1)Zval(自己看过不错儿)
  5. 在MySQL 5.7下排查内存泄露和OOM问题全过程
  6. [Jinkey 原创]震惊!iOS 系统居然自带悬浮窗口调试工具
  7. 删除Word2016文本外的黑边框,有截图
  8. 构造器2(Java)
  9. NovelAi + Webui + Stable-diffusion本地配置
  10. uniapp之登录(短信验证码,账号密码,第三方登录)
  11. 如何重写equals方法
  12. JSON.parse解析失败(报错,出错)
  13. supermap 数据转为shp
  14. 一个优秀IT专家的成长历程---献给所有的颓废或即将颓废的人们(ZZ)
  15. 一个小程序入门matlab
  16. 日拱一卒.操作系统基础知识点梳理
  17. 无internet访问权限解决办法
  18. oracle rac多实例dg,ORACLE RAC+DG(单实例)
  19. umeditor 字体大小设置无效
  20. python简笔画教程视频_只用C++和Python,让你的简笔画实时动起来!

热门文章

  1. iOS 强制屏幕实现旋转功能
  2. 高等数学-【3.1-4】微分中值定理与导数的应用
  3. 学大伟业:学习物理竞赛的学生如何快速掌握所需要的高数知识?
  4. cad画钟表_如何在Word中画钟表?
  5. 交换机与交换机之间连接用五类线还是六类线?
  6. 软件常见的各种版本英文缩写
  7. 如何简单快速的写出幸运转盘抽奖
  8. 【时间序列】多变量时间序列异常检测数据集整理及标准化处理代码合集
  9. 计算机三级网络技术 = =
  10. CDR插件开发之Addon插件004 - VS2022开发环境简介及个性化配置