使用Foundation 4 CSS时R Markdown图的图像质量损失

Question

So I've been using R markdown to make some reports and I decided to spruce it up a bit by using the Foundation 4 CSS framework with it.

I embedded the minimized Foundation css in the file and then applied the styles to the R markdown code and it works fine but the quality of the image that is coming out is much lower than what was coming out via just R markdown.

Inside the R code I have:

cat('<div class = "Row">')
cat('<div class = "Foundationy grid columns">')
Bunch of R plot code here
cat('</div>')
etc...

I guess Foundation is changing the image quality somehow?

Any ideas on what I can change in the CSS to fix this?

Answer 1

I switched to Toast which is a much more lightweight CSS framework and the problem disappeared.

I'm assuming Foundation has some style that effects images. I didn't locate the style but switching frameworks was a decent workaround.