我在DotNetNuke的项目中使用了twitter bootstrap。我使用HTML,CSS,引导程序进行了设计和布局。当我在不同的移动设备上进行测试时,即使我调整浏览器窗口的大小,响应式设计也能正常工作。
由于运行良好,我将设计转换为DotNetNuke Skin。现在,仅当我调整浏览器窗口的大小而不是在移动设备上时,自适应设计才能正常工作。我了解DNN加载样式表的流程,并且已经遵循了它。我将skin.css作为bootstrap.css的组合,然后加上了bootstrap- sensitive.css的内容
我找不到问题,就好像我在html中使用相同的skin.css一样,它工作正常,但不适用于DNN(在移动设备上)。
您缺少针对移动设备进行适当扩展的元数据。在页面标题中插入以下内容:
<meta name="viewport" content="width=device-width, initial-scale=1.0">