Question

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

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

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

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

修改

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

Answer 1

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

Answer 2

如果：

您可以访问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

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

2 个答案: