一尘不染

无法使用dotnetnuke进行引导响应式设计

css

我在DotNetNuke的项目中使用了twitter
bootstrap。我使用HTML,CSS,引导程序进行了设计和布局。当我在不同的移动设备上进行测试时,即使我调整浏览器窗口的大小,响应式设计也能正常工作。

由于运行良好,我将设计转换为DotNetNuke
Skin。现在,仅当我调整浏览器窗口的大小而不是在移动设备上时,自适应设计才能正常工作。我了解DNN加载样式表的流程,并且已经遵循了它。我将skin.css作为bootstrap.css的组合,然后加上了bootstrap-
sensitive.css的内容

我找不到问题,就好像我在html中使用相同的skin.css一样,它工作正常,但不适用于DNN(在移动设备上)。


阅读 242

收藏
2020-05-16

共1个答案

一尘不染

您缺少针对移动设备进行适当扩展的元数据。在页面标题中插入以下内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-05-16