2018年3月2日 星期五

IE 列印自動縮放 (IE only 設定)

使用者如果使用IE,如果使用者不開啟自動縮小(檔案 -> 設定列印格式 -> 啟動自動縮小),列印頁面可能會無法全部顯示。
此時可設定只有列印才會使用的css,搭配 IE only 的 css
只有列印才會套用的css:
http://blog.darkthread.net/post-2009-11-06-css-media-types.aspx

@media print {
裡面放你要寫的class與樣式
}

附註:在cshtml裡面寫 @media衝突解決方式:
https://dotblogs.com.tw/kangting/2014/05/19/145178
(直接寫兩個@連用就好)

IE only css hack
https://gist.github.com/vidaaudrey/c16774076391d09e7ec7dbb7ed7a3189

此用法只能在 IE 9以下
IE 10以上
http://www.webhek.com/post/conditional-comments-in-ie11-10.html