javascript - 如何在不改变其他内容的情况下增加媒体打印的页面宽度?
问题描述
这里图片右侧的内容是任务。想在不影响其他内容的情况下增加大小。下面是打印此页面的 CSS 代码。谁能让我知道我可以在哪里更改此代码?
右边距,内容正常。但问题出在左侧。A4 纸在右侧有空间。但它没有在那里打印。测试截止。
@media print {
html,
body,
tbody,
tfoot,
thead,
tr,
th,
td,
div {
font-size: 12pt !important;
}
h1.entry-title {
font-size: 12pt !important;
}
body
{
margin: 30mm 1mm 30mm 30mm;
size: 7in 9.25in;
/* this affects the margin on the content before sending to printer */
}
@page {
margin: 0mm;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-1 {
width: 8%;
}
.col-md-2 {
width: 16%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33%;
}
.col-md-5 {
width: 42%;
}
.col-md-6 {
width: 50%;
float: left;
}
.col-md-7 {
width: 58%;
}
.col-md-8 {
width: 66%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83%;
}
.col-md-11 {
width: 92%;
}
.col-md-12 {
width: 100%;
}
table,
th {
border-collapse: collapse;
}
table,
th,
td {
border: 0px solid white;
}
input {
border: 1px solid white;
}
.navigation {
float: right;
margin-right: 100px;
}
.cer {
text-decoration: underline;
}
.downtextship{
margin: 80px 90px 15px 20px;
position: fixed;
}
.downtext14{
margin: 35px 90px 15px 20px;
position: fixed;
}
.downtextico{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -20px;
margin-top: 120px;
margin-left: 80px;
}
.dateexport{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 120px;
}
.countrytrans{
position: fixed;
display:flex;
margin-right: 10px;
margin-top: 40px; /*decrease and move up*/
margin-left: 290px;
}
.countryshowcodeship{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: 81px;
margin-left: 290px;
}
.downtext24{
margin: 110px 90px 15px 20px;
position: fixed;
}
.countryshowcodedest{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: 110px;
margin-left: 260px;
}
.numberexp{
position: fixed; display:flex; margin-left: 105px;padding-left: 167px; padding-top: -16px; margin-top: -11px;
}
.downtext {
margin: -15px 90px 15px 20px;
position: fixed;
}
.downtext3{
float: right;
padding-top: -16px;
}
.numbernotify2{
position: fixed; display:flex; margin-left: 267px;padding-top: -16px;margin-top: 64px;
}
.downtext2 {
margin: 60px 90px 0px 20px;
position: fixed;
}
.desccofe{
margin: 170px 90px 0px 20px;
position: fixed;
}
#desccoffee{
height: 50px;
width: 100%;
}
.otherinfo{
margin: 200px 90px 0px 20px;
position: fixed;
}
#otherinfo{
height: 50px;
width: 100%;
}
#parent_div_1 {
width:100px;
height:100px;
margin-right:10px;
float:left;
border:none;
margin-top: 360px;
margin-left: 90px;
left:20%;
position: fixed;
}
#parent_div_3{
float:right;
margin-right:60px;
margin-top: 360px;
right:15%;
position: fixed;
}
.countryshow{
position: fixed; display:flex; margin-left: 380px;padding-top: -16px;margin-top: 10px;
}
.carrier{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 150px;
}
.carriercode{ /*name carrier */
position: fixed;
display:flex;
margin-right: 10px;
margin-top: -25px;
margin-left: 150px;
}
.countryshowcode{ /*produ */
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: -10px;
margin-left: 190px;
}
.weightarea{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 220px;
}
.producoun{
position: fixed; display:flex; margin-left: 440px;padding-top: -16px;margin-top: 78px;
}
#left,
#right {
display: flex;
flex-direction: column;
text-align: center;
padding: 30px;
margin: 10px 80px 0 70px;
white-space: nowrap;
}
#wrap2 {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
text-align: center;
}
#wrap1 {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
text-align: center;
}
#wrap {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
}
p {
margin: 0;
}
.t-table tr {
padding-bottom: 1em;
}
.t-table {
border: none;
height: 400px;
}
.t-table td {
border: none;
}
.t-table td:empty {
border-left: 0;
border-right: 0;
table-layout: fixed;
}
#cert1_para {
height: 250px;
width: 100%;
background-color: blue;
}
}
解决方案
推荐阅读
- html - jqGrid 将网格宽度设置为 100%
- java - FileOutputStream 总是触发 ioexception
- mqtt - MQTT 上的 IotAgent UltraLight 未处理来自 MQTT 代理的值
- json - 如何在颤动的列表中创建带有JSON数据列表的DropdownButton
- java - 我将我的网站转换为应用程序,它在 AVD 中正常运行,但在我的手机中无法运行
- c# - 没有公共字段,如何引用 UI 对象?
- python - 如何使用 numpy.ndarray.astype 安全地将 dtype 'object' 的 NumPy 数组转换为 'str'?
- java - Java 中的 GUI 问题 - Hangman
- c# - 注入 DbContextOptions 是一种反模式吗?
- sql - 如何检查字符串是否包含在数组中?