@media print for chrome not working
I solved an issue of an embedded @print stylesheet in the main CSS file in Chrome by simply removing the media attribute in the markup:
<link rel="stylesheet" href="css/styles.css">
On another note, I've personally never seen the use of % static … % in a <link> element before. Have you tried not using that?
Now, if you want to link a separate print stylesheet, I would recommend to not include a media attribute:
<link rel="stylesheet" href="css/print.css">