Javascript 当用户从打印窗口选择纸张大小A5时，如何更改打印内容的字体大小
我正在使用Angular JS和JavaScript进行打印。当我选择A4大小的纸张时，它看起来不错，但当我选择A5大小的纸张时，我希望最小化打印内容的字体大小。这是我的密码-Javascript 当用户从打印窗口选择纸张大小A5时，如何更改打印内容的字体大小,javascript,css,angularjs,Javascript,Css,Angularjs,我正在使用Angular JS和JavaScript进行打印。当我选择A4大小的纸张时，它看起来不错，但当我选择A5大小的纸张时，我希望最小化打印内容的字体大小。这是我的密码- $scope.printBillDetailsOfCaseTreatment = function (billPaymentDetails, receiptNo) { $scope.showBillDetailsOfCaseTreatment=true; var url
$scope.printBillDetailsOfCaseTreatment = function (billPaymentDetails, receiptNo) {
$scope.showBillDetailsOfCaseTreatment=true;
var url = urllist['printSetting']+$location.search().clinicId+"/Receipt" //ClinicId
$http.get(url,{cache:false}).success(function(data) {
var amountHeader = "";
var amount=0;
if(billPaymentDetails.waveOffFlag==false) {
amountHeader = "Payment Amount";
amount = billPaymentDetails.paymentAmount;
}
else {
amountHeader = "Waive Off Amount";
amount = billPaymentDetails.waveOffAmount;
}
var headerDisplay=false;
var clinicTime="";
if(data!=null){
if(data.isHeader!=null && typeof data.isHeader!="undefined"){
headerDisplay=data.isHeader;
}
if(data.starttime!=null && typeof data.starttime!="undefined" && data.isClinicTiming==true){
clinicTime=data.starttime;
}
if(data.endtime!=null && typeof data.endtime!="undefined" && data.isClinicTiming==true){
clinicTime=clinicTime+" to "+data.endtime;
}
}
var printWindow = window.open('', '', 'height=400,width=800,scrollbars=yes');
var content = '<html><head><title>Receipt</title><link rel="stylesheet" href="app/css/custom.css"><style>body {margin: 10px;padding: 20px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;} </style>';
content = content + '</head><body style="margin: 10px;">';
if(headerDisplay==true){
var headerDiv = "";
var headerInnerDiv = "";
if(data.topMargin!=null && typeof data.topMargin!="undefined" && data.topMargin!=""){
if(data.topMargin=="0.5 inches"){
headerDiv = '<div class="printHeader" style="height:35px;">';
headerInnerDiv = '<div class="headerSpace" style="padding-top:0px;">';
}else if(data.topMargin=="1.0 inches"){
headerDiv = '<div class="printHeader" style="height:90px;">';
headerInnerDiv = '<div class="headerSpace" style="padding-top:5px;">';
}else if(data.topMargin=="1.5 inches"){
headerDiv = '<div class="printHeader" style="height:125px;">';
headerInnerDiv = '<div class="headerSpace" style="padding-top:20px;">';
}else if(data.topMargin=="2.0 inches"){
headerDiv = '<div class="printHeader" style="height:160px;">';
headerInnerDiv = '<div class="headerSpace" style="padding-top:40px;">';
}else if(data.topMargin=="2.5 inches"){
headerDiv = '<div class="printHeader" style="height:195px;">';
headerInnerDiv = '<div class="headerSpace" style="padding-top:50px;">';
}
content=content+headerDiv;
content=content+headerInnerDiv;
}
if(data.isLogo!=null && typeof data.isLogo!="undefined" && data.isLogo!="" && data.isLogo==true && data.logoPath!=null && typeof data.logoPath!="undefined" && data.logoPath!=""){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="leftHeader"><embed src="'+data.logoPath+'" style="width: 60px; height: 35px;margin-top: 0;" /></div>';
}
else{
content = content + '<div class="leftHeader"><embed src="'+data.logoPath+'" style="width: 60px; height: 40px;" /></div>';
}
}
content = content + '<div class="centerHeader">';
if(data.clinicName!=null && typeof data.clinicName!="undefined" && data.clinicName!="" && data.isClinicName==true){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="shrinkClinic">'+data.clinicName+'</div>';
}
else{
content = content + '<div class="clinicHead">'+data.clinicName+'</div>';
}
}
if(data.ownerName!=null && typeof data.ownerName!="undefined" && data.ownerName!="" && data.isDoctorName==true){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="shrinkDoc">'+data.ownerName+'</div>';
}
else{
content = content + '<div class="clinicDoc">'+data.ownerName+'</div>';
}
}
if(data.ownerQul!=null && typeof data.ownerQul!="undefined" && data.ownerQul!="" && data.isQualification==true){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="shrinkQuli">'+data.ownerQul+'</div>';
}
else{
content = content + '<div class="clinicQul">'+data.ownerQul+'</div>';
}
}
content = content + '</div>';
content = content + '<div class="rightHeader">';
if(data.address!=null && typeof data.address!="undefined" && data.address!="" && data.isClinicAddress==true){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="shrinkAdd">'+data.address+'</div>';
}
else{
content = content + '<div class="clinicAd">'+data.address+'</div>';
}
}
if(clinicTime!=""){
if(data.topMargin=="0.5 inches")
{
content = content + '<div class="shrinkTime">'+clinicTime+'</div>';
}
else{
content = content + '<div class="clinicTim">'+clinicTime+'</div>';
}
}
content = content + '</div>';
content = content + '</div>';
content = content + '</div>';
}else{
content = content +'<div style="margin-top: 20%"></div>';
}
content = content +'<div class="printBody">';
content = content + '<h4 style="text-align: center;"><u>Receipt</u></h4>';
content = content + '<br><br>';
var bodyDiv = "";
if(data.leftMargin!=null && typeof data.leftMargin!="undefined" && data.leftMargin!=""){
if(data.leftMargin=="0.5 inches"){
bodyDiv = '<div class="pagPreview" style="padding:0 4%;">';
}else if(data.leftMargin=="1.0 inches"){
bodyDiv = '<div class="pagPreview" style="padding:0 8%;">';
}else if(data.leftMargin=="1.5 inches"){
bodyDiv = '<div class="pagPreview" style="padding:0 12%;">';
}else if(data.leftMargin=="2.0 inches"){
bodyDiv = '<div class="pagPreview" style="padding:0 16%;">';
}else if(data.leftMargin=="2.5 inches"){
bodyDiv = '<div class="pagPreview" style="padding:0 20%;">';
}
content=content+bodyDiv;
}
content = content + '<hr/>';
content = content + '<div class="leftSection">';
if($scope.patientObj.id!=null || typeof $scope.patientObj.id!="undefined") {
content = content + '<div>Patient Id: '+$scope.patientObj.id + '</div>';
}
content = content + '<div>Patient Name: '+$scope.patientObj.name + '</div>';
if($scope.patientObj.contact!=null) {
if($scope.patientObj.contact.mobileNumber!=null && $scope.patientObj.contact.mobileNumber!=0) {
content = content + '<div>Mobile No: '+$scope.patientObj.contact.mobileNumber + '</div>';
}
if($scope.patientObj.contact.contactEmail!=null && $scope.patientObj.contact.contactEmail!='') {
content = content + '<div>Email Id: '+$scope.patientObj.contact.contactEmail + '</div>';
}
}
content = content + '</div>';
content = content + '<div class="rightSection">';
content = content + '<div>Receipt No: ' + receiptNo+ '</div>';
content = content + '<div>Date: ' + billPaymentDetails.paymentDate+ '</div><br/>';
content = content + '</div>';
content = content + '<hr/><table CELLPADDING="2" cellspacing="25" width="100%">';
content = content + '<TR style="font-size: 12px;text-align: center;">';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">Bill No</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">Treatment</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">Bill Amount</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">(%)Tax Applied</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">Grand Total</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">'+amountHeader+'</TH>';
content = content + '<TH VALIGN="TOP" BGCOLOR="#DADADA">Balance Amount</TH>';
content = content + '</TR>';
content = content + '<tr style="font-size: 12px;text-align: center;">';
content = content + '<td>'+billPaymentDetails.caseTreatment.caseTreatmentId+'</td>';
content = content + '<td>'+billPaymentDetails.caseTreatment.title+'</td>';
content = content + '<td>Rs.'+billPaymentDetails.caseTreatment.treatmentFinalBill+'/-</td>';
content = content + '<td>'+billPaymentDetails.caseTreatment.tax.taxName+'</td>';
content = content + '<td>Rs.'+billPaymentDetails.caseTreatment.grandTotal+'/-</td>';
content = content + '<td>Rs.'+amount+'/-</td>';
content = content + '<td>Rs.'+billPaymentDetails.balanceAmount+'/-</td>';
content = content + '</tr>';
content = content + '</table>'+'<hr/>';
content = content + '<div> </div><div> </div>';
content = content + '<br><div style="text-align: right;">';
content = content + '<br>';
content = content + '</div>';
content = content + '<h5 style="text-align: right;font-size:12px">';
content = content + "Yours truly,";
content = content + '<br><br><br><br>';
if(data.authorisedName!=null && typeof data.authorisedName!="undefined" && data.authorisedName!=""){
content = content + '<div>'+data.authorisedName+'</div>';
}
if(data.authorisedPSpl!=null && typeof data.authorisedPSpl!="undefined" && data.authorisedPSpl!=""){
content = content + '<div>'+data.authorisedPSpl+'</div>';
}
if(data.authorisedQul!=null && typeof data.authorisedQul!="undefined" && data.authorisedQul!=""){
content = content + '<div>'+data.authorisedQul+'</div>';
}
if(data.authorisedPhone!=null && typeof data.authorisedPhone!="undefined" && data.authorisedPhone!=""){
content = content + '<div>'+data.authorisedPhone+'</div>';
}
content = content + '</h5>';
content = content +'</div>';
content = content +'</div>';
var footerDiv = "";
if(data.footerAlignment!=null && typeof data.footerAlignment!="undefined" && data.footerAlignment!=""){
if(data.footerAlignment==1){
footerDiv = '<div class="footerPreview" style="text-align:Left">';
}else if(data.footerAlignment==2){
footerDiv = '<div class="footerPreview" style="text-align:center">';
}else if(data.footerAlignment==3){
footerDiv = '<div class="footerPreview" style="text-align:Right">';
}
content=content+footerDiv;
}
if(data.footerContent!=null && typeof data.footerContent!="undefined" && data.footerContent!="" && data.isFooter==true){
content = content + '<div style="">'+data.footerContent+'</div>';
}
content = content +'</div>';
printWindow.document.write( content + '</body></html>');
printWindow.document.close();
$(".successMsgForCaseTreatmentBill").modal('hide');
setTimeout(function(){
printWindow.print();
$scope.showBillDetailsOfCaseTreatment=false;
}, 400);
});
};
请给我一些解决办法。提前感谢。阅读以下内容：这就是为什么在服务器端使用css媒体查询来创建css或pdf。
@page {size: auto;margin: 0mm;}