当前位置: 首页 > 面试题库 >

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

屠晟睿
2023-03-14
问题内容

我在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">


 类似资料:
  • 我正在尝试上传一个xml文件。当使用MultipartEntityBuilder将二进制格式的文件添加到HttpEntity时,我收到以下错误 我已经通过了链接 https://www.baeldung.com/httpclient-multipart-upload 我的理解是,该文件不被接受,因为http实体无法发送MultipartEntityBuilder,但我可能错了。

  • 我正试图缠绕我的头卷轴-和铁板atm机,我遇到了一个问题,我只是不能解决没有一个肮脏的黑客。 我有一个水平的TilePane有8个瓷砖,我将它设置为有4列,结果是有4个瓷砖的2行。我放入了一个HBox,因为如果我把它放入一个StackPane中,它会拉伸TilePane的大小,使我的colum设置无效。有点奇怪的是,设置PrefColumns/Rows会重新计算TilePane的大小,而不是尝试设

  • 我正在尝试使用媒体查询。我在我的头中包含了meta name=“viewport”content=“width=device-width,initial-scale=1”>并且在我的CSS中包含了@media(min-width:768px){background-color:red;}。是不是因为这不起作用而让我错过了什么。

  • 问题内容: 我是Go的新手,我正在尝试构建一个简单的HTTP服务器。但是我在JSON响应中遇到了一些问题。我编写了以下代码,然后尝试邮递员发送一些JSON数据。但是,我的邮递员总是得到空响应,而is 。然后,我在http://www.alexedwards.net/blog/golang-response- snippets#json中 检查了一个示例。我复制并粘贴了示例,并且效果很好。但是我看不

  • 对于移动优先、响应快速的网站,在 Dreamweaver 中使用 Bootstrap 初学者模板和拖放 Bootstrap 组件。 Bootstrap 是用于开发响应迅速、移动优先网站的受欢迎的免费 HTML、CSS 和 JavaScript 框架。该框架包括响应迅速的 CSS 和 HTML 模板,这些模板适用于按钮、表格、导航、图像旋转视图以及您可能会在网页上使用的其他元素。它提供了几个可选的

  • 我正在使用webpack将一些boostrap和其他css文件捆绑在一起,下面是webpack.config.js文件var htmlWebPack=require('html-webpack-plugin');var ExtractTextPlugin=require(“extract-text-webpack-plugin”); 我引用了main.ts文件中的引导文件夹,如下所示 但是当我运行