无法使用dotnetnuke进行引导响应式设计 [英] Not able to make bootstrap responsive design work with dotnetnuke

问题描述

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

I have used twitter bootstrap in my project with DotNetNuke. I did my designing and layout using HTML, CSS, bootstrap. The responsive design was working fine when I tested it on different mobile devices and even if when I resize my browser window.

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

As it was working well, I converted the design to DotNetNuke Skin. Now, the responsive design works fine only when I resize the browser window and not on mobile devices. I understand the flow in which DNN loads stylesheets and I have followed it. I have made my skin.css as a combination of bootstrap.css and followed by the content of bootstrap-responsive.css

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

I am not able to find the problem as if I use the same skin.css with my html, it works fine but it doesn't work with DNN (on mobile devices).

推荐答案

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

You're missing the meta that targets mobile devices for proper scale. Insert the following in the header of your page:

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

这篇关于无法使用dotnetnuke进行引导响应式设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！