当前位置: 首页 > 知识库问答 >
问题:

iphone上bootstrap响应式设计中的页面宽度

艾哲
2023-03-14

我有一个bootstrap响应式设计在广泛的浏览器上工作良好,但在iPhone上页面宽度有限。我已经添加了viewport元标记:

而且似乎也于事无补。网址是:http://themenuengine.com。任何建议都将非常感谢!

共有1个答案

燕钟展
2023-03-14

关于bootstrap-response.css的第780行:

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }

0重写该填充,它将是全宽的。

例如:

@media (max-width: 767px) {
  body {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
 类似资料:
  • 我在Bootstrap工作室工作,似乎无法修复这个愚蠢的问题。 我看到每个人都建议我将meta name=“viewport”content=“initial-scale=1.0,maximum-scale=1.0”添加到中,但不幸的是,我无法编辑这部分代码,因为它锁定在BootStrap studio中。 但我确实在我的代码中看到了这一点: 。.. 有没有什么方法可以在不导出的情况下删除Boot

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

  • 左一个如果固定大小,右一个应该是响应的,应该有最小和最大宽度,这意味着如果你收缩窗口宽度,右div应该只是收缩它的宽度!(在其最小宽度和最大宽度之间)并保持在左div的右边!,直到容器div的宽度小于左div宽度+右div最小宽度,然后右div应该低于左div! http://jsfiddle.net/5m8lj/6/ 宽度当前css,绿色div应该收缩其宽度在200到500px之间,同时保持在左

  • 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。 设置 Viewport 一个常用的针

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

  • 无需在此对响应式网页设计多做介绍,它已经无所不在了。但是你可能会疑惑:为什么在 Sass 样式指南中会有关于响应式网页设计的章节?正因为有诸多降低断点使用难度的方式,所以我认为在这里列出来会是个不错的主意。 命名断点 我认为使用媒体查询而不针对特定设备是安全可靠的做法。特别要指出的是,不应该赞成专门针对 iPad 或黑莓手机设计媒体查询。媒体查询应该关注屏幕尺寸,直到当前设计遇到阻断而将所有工作过