CSS页面边框在打印预览页面中不起作用

时间:2019-02-20 08:10:18

标签: html css media-queries

我要将页面边框设置为html可打印页面。当我们在浏览器视图中看到边框正常工作时。仅检查打印预览页面的主要问题。

lit_functions_list = r_functions->get_functions( ).

我已经尝试过@media print { @page { size:200mm 297mm; margin: 0.5mm; } body { border: 1px solid #000; margin: 3mm; } } 代码。任何人都可以帮助我实现这一目标。

@media print
table {position:relative;width: 100%;}
	.kprj-left {width: 160px;position: absolute;right: 0;bottom: 270px;}
	.kprj-right {max-width: 100px;position: absolute;left: 0;top: 90px;}
	body {
		background: rgb(204,204,204); 	
		margin:10px auto;
	}
	p {
		font-size:17px;
	}
	@media screen {
	
		body {
			width: 210mm;
			/*height:297mm;*/
			margin: 20px auto;
			position: relative;
			border: 1px solid #000;
		}
		.tablebr {
			box-shadow: 0 7px 14px 0 rgba(50,50,93,0.10), 0 3px 6px 0 rgba(0,0,0,0.07);
		}
		@page {  
			size:210mm 297mm;  
			margin:0.5in;
		} 
		.bg-blackwh {background:#000;color:#fff;}
	}
	@media print {
		@page {  
			size:200mm 297mm; 
		} 
    body {
			border: 1px solid #000;
			margin: 3mm;
		}
		.page-break { 
        height:2px; 
        border-top:1px solid #999; 
        margin-bottom:13px;
        page-break-after: always;  
    }
		.setbr {
			border: 1px solid #000;
		}
		body,html {
			box-shadow: 0;
			width:100%;
			max-width:100%;	
			position: relative;
		}
		
		table {
			width:100%;
			max-width:100%;
			box-shadow: none;
			border:0;
		}
		.bg-blackwh {font-size:15px;}
	}

1 个答案:

答案 0 :(得分:-1)

您的css代码中出现错误,因为打印css效果很好,我检查了一下,只是发现了css样式内的css错误。

RetrofitClient
public class RetrofitClient {
    private static final String BASE_URL = getBaseUrl();

    private String getBaseUrl() {
        SharedPreferences sp1 = getSharedPreferences("Login", MODE_PRIVATE);
        String apiUrl = sp1.getString("apiUrl", null);
        return apiUrl;
    }

    private RetrofitClient() {
        //MyRetrofitClient...
    }
}