部署网站掌上电脑时显示桌面版而不是移动版

时间:2014-01-19 18:00:55

标签: css asp.net-mvc-4 mobile dns

我在visual studio中使用MVC4开发了一个网站。标准模板包括用于在移动浏览器中正确显示的代码。 当我运行项目时,它应用所有的移动css。此外,当我将网站部署到我自己的(业余)IIS服务器时,它应用移动css完美。

然后我买了一个DNS地址,并将其转发到我的服务器。现在,当我访问DNS地址时,它会显示桌面版本而不是移动版本。

什么打破了它?我该如何解决这个问题?

感谢您抽出时间回答我的问题。

修改

感谢您的投入。我只有一个带有媒体部分的CSS文件。在某些浏览器上它正确显示,而在其他浏览器上它不显示。但问题仅在访问DNS时存在,而不是在访问直接IP地址时存在。

2 个答案:

答案 0 :(得分:0)

使用标签。将所有样式放在任何不支持javascript的浏览器中。这样,因为大多数moblie浏览器不支持javescript您可以将所有移动视图的样式放入该标签,一切都会很好...... GOODLUCK !!! @ da_skywalker10

答案 1 :(得分:0)

如果:

  • 您可以访问HTML页面并进行编辑。
  • 您有2个不同的CSS文件(一个用于移动布局,另一个用于 桌面布局)。

我建议检查HTML的head标记是否包含:

<link rel="stylesheet" type="text/css" href="locationOfCssFile.css" media="all">

注意:上述行将根据一个CSS文件显示网页,无论是在移动设备上还是在桌面屏幕上查看。

如果有,请更改media="all",以便您拥有 2个链接标记,一个用于桌面,另一个用于移动

它看起来像这样:

<link rel="stylesheet" type="text/css" href="locationOfDesktopCssFile.css" media="screen">
<link rel="stylesheet" type="text/css" href="locationOfMobileCssFile.css" media="handheld">

来源: HTML link media Attribute - w3schools