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

Question

我的ASP.NET桌面网站在桌面或笔记本电脑上运行良好，但是布局在移动设备上无法正确调整。 我尝试在html链接中引用Bootstrap，但它没有更改，我在Content文件夹中包含bootstrap.css，在scripts文件夹中包含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" />

Answer 1

Bootstrap CDN MaxCDN的工作人员慷慨地为Bootstrap的CSS和JavaScript提供CDN支持。 只需使用这些Bootstrap CDN链接即可。

Answer 2

您是否使用了Bootstrap 3

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

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

width = device-width部分将页面的宽度设置为跟随设备的屏幕宽度（视设备而定）。

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