css – 无法使引导响应式设计与dotnetnuke协同工作

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

因为它运行良好,我将设计转换为DotNetNuke Skin.现在,只有当我调整浏览器窗口大小而不是移动设备时,响应式设计才能正常工作.我了解DNN加载样式表的流程,我已经遵循了.我将我的skin.css作为bootstrap.css的组合,后跟bootstrap-responsive.css的内容

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

解决方法

您缺少针对移动设备进行适当规模的元数据.在页面标题中插入以下内容
<Meta name="viewport" content="width=device-width,initial-scale=1.0">

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效