A4サイズでhtmlページを調整する

Question

A4サイズの用紙にhtmlページを印刷したい。 CSS

body { 
    background: rgb(204,204,204); 
} 
page { 
    background: white; 
    display: block; 
    margin: 0 auto; 
    margin-bottom: 0.5cm; 
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); 
} 
page[size="A4"] { 
    width: 21cm; 
    height: 29.7cm; 
} 
page[size="A4"][layout="portrait"] { 
    width: 29.7cm; 
    height: 21cm; 
} 
page[size="A3"] { 
    width: 29.7cm; 
    height: 42cm; 
} 
page[size="A3"][layout="portrait"] { 
    width: 42cm; 
    height: 29.7cm; 
} 
page[size="A5"] { 
    width: 14.8cm; 
    height: 21cm; 
} 
page[size="A5"][layout="portrait"] { 
    width: 21cm; 
    height: 14.8cm; 
} 
@media print { 
    body, page { 
    margin: 0; 
    box-shadow: 0; 
    } 
} 

HTML

<page size="A4"></page> 

しかし、私は期待した結果を持っていけない：私はこのコードを使用します。大きな灰色の輪郭がテキストから印刷されます。また、私は垂直方向の私のページを印刷する機能やhorizo​​ntialmを持ちたい

Answer 1

body { 
    background: rgb(204,204,204); 
    margin: 0; 
    padding: 0; 
} 

Answer 2

A4サイズが210x297mmであり、あなたはこれを使用することができます：

html,body{ 
     height:297mm; 
     width:210mm; 
    } 

の