当部署网站手持显示桌面版本，而不是移动版本

-1

我在Visual Studio中开发了一个使用MVC4的网站。标准模板包含用于在移动浏览器中正确显示的代码。当我运行该项目时，它应用了所有的移动css。另外，当我将网站部署到我自己的（业余）IIS服务器时，它将移动css应用于完美。当部署网站手持显示桌面版本，而不是移动版本

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

什么是打破它？我怎样才能解决这个问题？

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

编辑

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

来源

2014-01-19 devqon

使用标签。为所有不支持javascript intp标签的浏览器提供所有样式。这样，因为大多数moblie浏览器不支持javescript你可以把所有的手机视图样式放入该标签，所有的都会很好运行...... GOODLUCK !!! @ da_skywalker10

来源

2014-01-19 18:13:13 SKY

如果：

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

来源

2014-01-19 18:18:29 Sahl

我只有1个css文件，用内的媒体部分。该问题仅在通过DNS地址访问站点时存在，而不是通过调制解调器的直接IP地址访问。此外，我还注意到CSS中的一些其他细微差异，如页面底部的填充。 – devqon

@ user3153169我强烈建议您复制CSS文件，以便每个“视图”都有一个。这将导致对网站的更多控制权和不同意见的不同元素风格的更容易管理。获得2个CSS文件后，继续编辑“手持式”文件。因此，要解决您的填充问题，您需要添加/修改body标签，例如'body {padding-bottom：-10px;}'，减少或增加数字，直到您对结果满意为止。 – Sahl

当部署网站手持显示桌面版本，而不是移动版本

回答

相关问题