移动CSS未被定位

Question

I have a project that has different layouts depending on the device you use to access it. I am using the following line:

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile_style.css" />

on my html to access a different file with the css for mobile devices. The line is below the general css one. The css is not being targeted for mobile.

here is the site.

http://maxruiz-portraits.com

To make things worse and more confusing, I copied and pasted code that I had written for this site:

http://maxruiz-parana.com

And there the link tag works. Any ideas as to why much appreciated. I can post code if you'd like or you can look at it in browser.

Thank you.

Answer 1

您的link标记在网站的body中，而不是在标head中