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

HTML

Page 1/2
Page 2/2

CSS

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;

}

}

我想我忘了什么。但它会是什么?

> Chrome:剪切页面,双页(这只是我需要它工作)

> Firefox:它工作完美。

> IE10:相信或不,它是完美的!

> Opera:在打印预览上非常糟糕

html中一张a4是多少pt,CSS设置A4纸张尺寸相关推荐

  1. Primeng中一些组件的格式调整以及css设置

    个人觉得primeng提供了很多比较好看的组件,包括输入框input.表格table.按钮button.交互框dialog等等,样式要比angular material好看一些,也比较好上手,官网提供 ...

  2. 在HTML中让边框变透明,如何用CSS设置DIV边框透明

    如何实现用CSS设置DIV边框为透明呢?我们来看一看. 工具/材料 电脑 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 ...

  3. div 设置a4大小_CSS设置A4纸张尺寸

    CSS设置A4纸张尺寸 我需要在网络上模拟A4纸,并允许打印此页面,因为它在浏览器上显示(特别是Chrome).我将元素大小设置为21cm x 29.7cm,但是当我发送到打印(或打印预览)时,它会剪 ...

  4. 小记mysql备份同库中一张表的历史记录

    mysql备份同库中一张表的历史记录 insert into -select 需求 如今有个这么一个需求.mysql中有个表.数据增长的非常快.可是呢这个数据有效期也就是1个月,一个月曾经的记录不太重 ...

  5. 张恩民 php,php100视频教程第11讲(制作PHP+MYSQL留言板 上)中,张恩民老师提到的php100-11.txt文档...

    在php100视频教程第11讲(制作PHP+MYSQL留言板 上)中,张恩民老师提到了一个php100-11.txt的文档,就是下面这个喽... CREATE TABLE `message` ( `i ...

  6. Oracle表里的照片怎么导出来,如何导出oracle数据库中某张表到excel_oracle数据库表格导出到excel...

    如何将oracle数据库表字段导成excel表格 这个你只要用ADO连oracle并获取记录集,根据你用的编程语言打开EXCEL,然后操作EXCEL对象的工作表就可以了.以VB为例: 1.在工程中引用 ...

  7. Java代码判断数据库中某张表是否存在

    最近在开发一个同步数据的统计任务的时候遇到一个问题:要在Java代码中判断数据库中某张表是否存在,查资料后,总结了以下两种方法: 1.使用JdbcTemplate bean public boolea ...

  8. mysql导入数据库某张表_MSSQLServer2005 导出导入数据库中某张表的数据

    备注:在工作中我们经常会遇到,将数据库中某张数据表中的内容或数据导出来:今天我们就介绍怎样快速有效的进行数据导出,导入.使用的数据库版本为:mssqlserver2005.首先进行登录mssqlser ...

  9. 关联数据库中多张表_关联数据

    关联数据库中多张表 在本系列的前两篇文章(" 使用RDF创建数据网 "和" 使用SPARQL查询RDF数据 ")中,您了解了资源描述框架(RDF)以及SPARQ ...

最新文章

  1. Hyper-V备份:选择Hypervisor备份还是虚拟机备份
  2. startActivities的使用
  3. cv dnn识别动作规范 open_OpenCV开发笔记(七十三):红胖子8分钟带你使用opencv+dnn+yolov3识别物体...
  4. NSObject中的performSelector用法简介
  5. HttpContext 来源(System.Web.HttpContext.Current值为null的问题)
  6. avue中实现消息的实时展示
  7. okta-spring_通过Okta的单点登录保护Spring Boot Web App的安全
  8. 纯html5+css3能写出什么惊人效果?
  9. webpack4.0各个击破(3)—— Assets篇
  10. 寒冬已至?四面楚歌的 Android 工程师该何去何从?
  11. 史上最全最简洁的网络传输协议介绍
  12. MISC总结——隐写术(一)
  13. UVM中drain_time使用
  14. 宝宝吃饭不乖,怎么办?
  15. Android 代码形式安装证书到手机内
  16. [线段树分治][DP] LOJ #534. 「LibreOJ Round #6」花团
  17. java.lang.NoClassDefFoundError: org/apache/poi/ss/usermodel/Workbook] with root cause
  18. 完美洗牌问题(打乱数组间各元素的顺序)
  19. 利用GPU实时绘制水墨画效果
  20. 微信小程序ssm电影院售票系统app

热门文章

  1. c语言 已知某系统在通信联络中,数据结构(习题)..doc
  2. php脚本防上多进程同时执行,Jorker
  3. 厦门理工C语言实验报告8,厦门理工c语言数据结构实验
  4. C语言 __STDC__ - C语言零基础入门教程
  5. Python set集合 - Python零基础入门教程
  6. Python map 函数 -Python零基础入门教程
  7. linux路由信息预览为空,route - 显示并设置Linux中静态路由表
  8. e.html5.qq.com,QQ群官网-开放能力
  9. 创建mysql数据库图解_mysql数据库怎么创建外键?(图文+视频)
  10. datax oracle mysql_从 MySQL 到 Lindorm时序引擎 的数据迁移