Using media queries with masterpages
I have been trying to figure this out for a while now but when using a Masterpage for the page templates what is the best way to add in media queries in the file. The css file is in the sfResource links section but i havent been able to add a media query in there correctly. Any help is greatly appreciated.
I would recommend following these Website Template file structure: Here
Place your Css file in the global folder. The use you standard media queries:
/* Note: Design for a width of 480px */
@media only
screen
and (
min-width
:
480px
) and (
max-width
:
767px
)
/*Code for 480 width*/