首页 > 其他分享 >网页设置A4大小

网页设置A4大小

时间:2023-09-12 10:33:20浏览次数:38  
标签:象素 网页 分辨率 打印 A4 设置 96dpi


在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。
经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi

在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。
经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi

A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸

所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。

但是打印机是无法满幅打印的,总要有页边距,所以我们在制作网页的时候必须减去页边距。

以下是我测试的各种页边距下,A4纸对应的象素尺寸:

打印页边距设定为 0mm 时,网页内最大元素的分辨率:794×1123

<div style=”width:794px;height:1123px;border:1px solid #000000;”> </div>

 

打印页边距设定为 5mm 时,网页内最大元素的分辨率:756×1086

<div style=”width:756px;height:1086px;border:1px solid #000000;”> </div>

 

打印页边距设定为 19.05mm 时,网页内最大元素的分辨率:649×978

<div style=”width:649px;height:978px;border:1px solid #000000;”> </div>

 

标签:象素,网页,分辨率,打印,A4,设置,96dpi
From: https://blog.51cto.com/u_16255870/7443220

相关文章

  • onBackPressed 设置返回值,onActivityResult resultcode一直是0
    activity1:Intentintent2=newIntent(this,checkactivity.class);startActivityForResult(intent2,1000);activity2:@OverridepublicvoidonBackPressed(){super.onBackPressed();Intentintent=newIntent();setResult(result,in......
  • IDEA常用设置
    1、设置Maven路径2、设置将新建文件自动添加到版本控制中......
  • react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
    React18Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预览、红包/朋友圈、局部模块化刷新/美化滚动条等功能。使用技术......
  • win everything toolbar设置
    everythingtoolbar设置安装好toolbar后需要设置后才能在工具栏显示,且有一些个性化设置。工具栏显示toolbar工具栏->右键->工具栏->everythingtoolbar隐藏无效搜索设置详细显示......
  • Python - 网页自动化
    一、环境准备Selenium安装命令行安装pipinstallselenium浏览器驱动安装找到本地chrome的浏览器的版本查看谷歌浏览器的版本号下载相应版本的驱动器,chrome浏览器驱动下载地址:chromedriver.storage.googleapis.com/index.html下载完后,解压到本地的python的目......
  • 如何在Linux上设置高可用的消息队列
    消息队列是现代分布式系统中常用的一种通信方式,它可以在多个进程或者多台服务器之间传递数据,实现解耦和异步通信的目的。在Linux系统上,我们可以通过一些开源的消息队列软件来搭建高可用的消息队列系统。本文将以RabbitMQ为例,介绍如何在Linux上搭建和配置高可用的消息队列。步骤一:安......
  • mybatis中设置自增的值,使用resultmap设置多对一的关系以及使用级联的方式设置多对一的
    2023-09-11UserMappervoidinsertUser(Useruser);UserMapper.xml<insertid="insertUser"useGeneratedKeys="true"keyProperty="id">insertintot_uservalues(null,#{name},#{password},#{age},#{gender},#{email})......
  • flex 弹性布局 设置每行高度根据内容,自动撑高
    在使用Flex弹性布局中,设置每行高度根据内容自动撑高的方法是通过设置`align-items`属性为`stretch`。这样,每行的高度就会根据内容自动撑高。具体的代码如下:```css.container{display:flex;flex-wrap:wrap;align-items:stretch;}```在上述代码中,`.container`是包含F......
  • 强化学习中子进程调用atari游戏是否受父进程中设置的随机种子影响
    相关:python中numpy.random.seed设置随机种子是否影响子进程  ============================================ 代码:fromale_python_interfaceimportALEInterfaceimportnumpyasnpnp.random.seed(1111)importcv2importtimefilename="atari_roms"+"/&quo......
  • 将StoreFront服务器重置为出厂默认设置
    在某些情况下,需要将StoreFront安装重置为其初始安装状态。例如,在将StoreFront服务器重新添加到服务器组之前,这是必要的。可以执行手动卸载并重新安装,但这会比较耗时,并且可能会导致其他不可预见的问题。相反,您可以运行Clear-STFDeployment PowerShellcmdlet将StoreFront服......