2016-11-28 9 views
1

私はメディアクエリを使用してフッターcss以下を追加しました。 Safariを除くすべてのブラウザで正常に動作しています。なぜ固定位置で印刷プレビューのすべてのページにフッターが追加されないのですかSafariブラウザのメディア印刷css

@media print { 
footer{ 
     position:fixed; 
     width: 100%; 
     right:0; 
     bottom:0; 
     display:block; 
} 

} 

私を助けてください。ありがとう

+0

可能な重複を削除(http://stackoverflow.com/questions/17941530/css-media-queries-not-working-in-safari) – gpgekko

答えて

0

あなたは身体をビューポートで伸ばす必要があります。 体{高さ:100%; } ||ボディ{高さ:100vh; }

さらに、あなたは@printメディア構成になっていますので、これは画面の置き換えでは機能しません。 [CSSメディアクエリは、Safariで動作していない]のそれ

+0

それは働いていません。私がポジションを変えたとき:絶対、最後のページにフッタが来ます。 –

+0

ここでコードを共有することができますか?それから私達は助けることができる – ibsukru

+0

リンクはここにありますhttps://github.com/apiyush/sample/tree/master/code –

関連する問題