关闭ASP MVC调整大小

Question

用于MVC 4/5 Web应用程序的默认模板/项目根据您的屏幕大小重新调整大小。如果您使用平板电脑或手机，则在手动调整屏幕大小时会重新调整文本/布局的大小。有没有简单的方法来关闭它或我必须用我自己的CSS创建一个新项目？我希望模板保持固定的宽度。

Answer 1

Mvc5模板使用了bootstrap。 来自bootstrap页面：如何禁用页面响应

1. 省略CSS文档中提到的视口。在你的剃须刀布局中删除：
   ＆＃34; <meta name="viewport" content="width=device-width, initial-scale=1.0">＆＃34;

2. 使用单个宽度覆盖每个网格层的.container上的宽度，例如width：970px！important;确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu。

来避免使用！important
3. 如果使用导航栏，请删除所有导航栏折叠和展开行为。
4. 对于网格布局，请使用.col-xs- *类作为中/大类的补充或替代。别担心，超小型设备网格可以扩展到所有分辨率。