0

我正在尝试为移动网站构建一个单独的 CSS 文件。常规站点最初并未考虑移动设备，但该站点现在需要移动功能。问题是，我无法让移动 css 文件加载到任何手机设备上。我已经在我的 Droid Razor 上在两个单独的浏览器中尝试过，我也尝试过使用它来模拟它：http ://www.mobilephoneemulator.com/ 。

无论哪种方式，我都无法加载移动 CSS 文件。我不确定为什么。我设置了一些 div 和所有图像来显示：无；只是看看它是否有效，但我没有得到任何结果。任何帮助将不胜感激。

下面是我的css文件链接。

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />
<link rel="stylesheet" type="text/css" href="/stylesheets/content-sanford.css" media="only screen and (min-device-width: 481px" />
<link rel="stylesheet" href="/stylesheets/mobile-sanford.css" media="only screen and (max-device-width: 480px)" />

这是移动 CSS 文件代码：

@charset "utf-8";
/* CSS Document */

#sliderFrame{
display:none;   
}

#slider{
display:none;   
}

img {
dipslay:none;   
}

div#player{
display:none;   
}
4

1 回答 1

2

您在两个第一个链接中忘记了一些“）”

<link rel="stylesheet" type="text/css" href="/stylesheets/css_Sanford.css" media="only screen and (min-device-width: 481px)" />

<link rel="stylesheet" type="text/css" href="/stylesheets/content-sanford.css" media="only screen and (min-device-width: 481px)" />

<link rel="stylesheet" type="text/css" href="/stylesheets/mobile-sanford.css" media="only screen and (max-device-width: 480px)" />
于 2013-07-03T14:46:43.823 回答