html a4纸张大小像素,CSS设定A4纸张大小
我需要在网络中模拟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;
}
}
我想我忘记了什么。但是会是什么呢?
Chrome :剪贴页,双页( 这正是我需要的工作 )
Firefox :完美运行。
IE10 :信不信由你,这很完美!
Opera :打印预览时非常容易出错
html a4纸张大小像素,CSS设定A4纸张大小相关推荐
- css中字的大小,字体大小大于CSS中设置的大小
当我将字体大小设置为特定像素高度时,计算出的字体大小是我在CSS中设置的大小的1.333倍.但是,如果我将字体大小设置为百分比,则使用正确的大小.这种情况发生在我尝试的每个浏览器中,包括Firefox ...
- html中一张a4是多少pt,CSS设置A4纸张尺寸
我需要在网络上模拟A4纸,并允许打印此页面,因为它在浏览器上显示(特别是Chrome).我设置元素的大小为21厘米x 29.7厘米,但当我发送打印(或打印预览)它剪辑我的页面. HTML Page 1 ...
- HTML如何设置字号大小和颜色,css如何设置字体大小和颜色?
设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. css如 ...
- a4纸在html的像素,A4纸网页打印中对应像素的设定跟换算
A4纸网页打印中对应像素的设定和换算 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我 ...
- A4纸的像素和分辨率
A4纸的像素和分辨率 根据A4纸尺寸是210毫米×297毫米,而1英寸=2.54厘米,我们可以得出当分辨率是多少像素时,得出A4纸大小尺寸为多少毫米. 如下是我们较长用到的规格尺寸: 当分辨率是72像 ...
- java设置打印机默认纸张_java 打印设置打印A4 A5纸
用java写了一个打印机,遇到打印纸张输出的问题,打印纸张有A4或者A5,当设置A5纸张的时候需要横向打印输出 下面贴出部分代码,用于解决当打印纸张为A5纸张时,文件横向打印 DocPrintJob ...
- 如何用A4纸排版打印并制作成四分之一大小的册子(简易说明书)
如何用A4纸排版打印并制作成四分之一大小的册子(简易说明书)? 1.打开要制作成小册子的文档,最好是word格式: 2.菜单栏选择"文件"-打印,弹出"打印"对 ...
- R语言使用pdf函数将可视化图像结果保存到pdf文件中、使用pdf函数打开图像设备、使用dev.off函数关闭图像设备、自定义paper参数指定pdf的纸张类型(多使用A4)
R语言使用pdf函数将可视化图像结果保存到pdf文件中.使用pdf函数打开图像设备.使用dev.off函数关闭图像设备.自定义paper参数指定pdf的纸张类型(多使用A4) 目录
- html字体自动放大,让用户自己控制网页字体的大小的css书写方法
让用户自己控制网页字体的大小的css书写方法 更新时间:2007年09月18日 20:31:41 作者: 现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是 ...
- css打印适应纸张_从生态平衡到打印机故障分析
生态平衡(ecological equilibrium)是指在一定时间内生态系统中的生物和环境之间.生物各个种群之间,通过能量流动.物质循环和信息传递,使它们相互之间达到高度适应.协调和统一的状态.也 ...
最新文章
- 本科生去面试算法工程师心酸的故事
- jquery的实时触发事件(textarea实时获取中文个数)
- 【JetPack】数据绑定 DataBinding 简介 ( 使用要求 | Gradle 版本 | 定义数据类 | 定义数据绑定布局 | Activity 数据绑定 | 绑定类生成规则 )
- PHP内核探索之变量(1)Zval(自己看过不错儿)
- 在MySQL 5.7下排查内存泄露和OOM问题全过程
- [Jinkey 原创]震惊!iOS 系统居然自带悬浮窗口调试工具
- 删除Word2016文本外的黑边框,有截图
- 构造器2(Java)
- NovelAi + Webui + Stable-diffusion本地配置
- uniapp之登录(短信验证码,账号密码,第三方登录)
- 如何重写equals方法
- JSON.parse解析失败(报错,出错)
- supermap 数据转为shp
- 一个优秀IT专家的成长历程---献给所有的颓废或即将颓废的人们(ZZ)
- 一个小程序入门matlab
- 日拱一卒.操作系统基础知识点梳理
- 无internet访问权限解决办法
- oracle rac多实例dg,ORACLE RAC+DG(单实例)
- umeditor 字体大小设置无效
- python简笔画教程视频_只用C++和Python,让你的简笔画实时动起来!