我的 ASP.NET 桌面网站布局无法在移动设备上正确显示答案

【问题标题】：My ASP.NET desktop website layout isn't displaying properly on a mobile device我的 ASP.NET 桌面网站布局无法在移动设备上正确显示
【发布时间】：2016-07-03 16:07:59
【问题描述】：

我的 ASP.NET 桌面网站在台式机或笔记本电脑上运行良好，但布局在移动设备上无法正确调整。我已经尝试在 html 的链接中引用 Bootstrap，但它并没有改变它，我的 Content 文件夹中有 bootstrap.css，我的脚本文件夹中有 bootstrap.js。我也使用空白模板来开始我的项目。任何意见，将不胜感激！谢谢！

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Your ASP.NET application</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

【问题讨论】：

你用过Bootstrap的网格系统吗？
“我尝试在 html 的链接中引用 Bootstrap，但它没有改变” — Bootstrap 并不神奇。您必须以使用样式表提供的样式的方式编写 HTML。请查阅 Bootstrap 手册以了解如何正确使用它。
我完全知道 Bootstrap 并不神奇，我是 Bootstrap 的新手，我正在努力熟悉它。谢谢你的建议！
@Anna Bootstrap 在您调整 HTML 以使用其类和 HTML 结构之前所做的很少。查看响应式网格系统的 getbootstrap.com/getting-started 和 getbootstrap.com/css/#grid 示例部分的 HTML。
谢谢你，我会的！

标签： html css asp.net twitter-bootstrap

【解决方案1】：

引导 CDN MaxCDN 的人们慷慨地为 Bootstrap 的 CSS 和 JavaScript 提供 CDN 支持。只需使用这些 Bootstrap CDN 链接。

【讨论】：

这与问题无关。

【解决方案2】：

你使用引导程序 3

Bootstrap 3 旨在响应移动设备。移动优先样式是核心框架的一部分。

为确保正确渲染和触摸缩放，请在元素内添加以下标记：

width=device-width 部分将页面的宽度设置为跟随设备的屏幕宽度（这取决于设备）。

initial-scale=1 部分设置浏览器首次加载页面时的初始缩放级别。

【讨论】：

“添加以下标签”——问题中的代码表明他们已经这样做了。
我有 bootstrap v3.3.6
我确实在标题的链接中添加了 width=device-width 但没有变化。我不熟悉 Bootstrap，所以这让我很困惑。