网站在移动浏览器中看起来不正确

2024-01-07

我现在正在构建一个网站,当我在移动浏览器上加载该网站时,一些元素被推到左侧,在右侧留下难看的空白:

我的猜测是,大的米色矩形(直接位于导航下方)的宽度大于其下方的包装纸。注意:矩形不包含在包装器内。但是,我尝试了几种不同的方法,但仍然出现右侧的空白。

有人可以帮我指出我哪里出错了吗?


页面上的元素具有各种不同的宽度,例如 #pinboard div,其宽度为 1123 像素,比其他一些元素(例如 nav 1000 像素)宽一些。这会在其他较窄的元素和屏幕边缘之间留下空白。 (作为测试,缩小浏览器窗口,您可能会在预期之前在页面底部看到一个水平滚动条。)

如果你给所有东西相同的宽度,事情看起来会好很多。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

网站在移动浏览器中看起来不正确 的相关文章

  • Chrome 扩展:插入固定 div 作为 UI

    我想使用 chrome 扩展将 div 插入固定位置 它将覆盖您当前正在查看的页面 我担心的是 我希望它可以在任何页面上工作而不改变它 除了插入我的固定 div 之外 但我不知道我这样做的方式是否可行 目前 该按钮不会显示 并且我在让 di
  • 将较新版本的 WebKit 嵌入 Android 应用程序

    我正在使用 Web 技术开发 Android 应用程序 CSS 转换 对于应用程序的功能非常重要 因为它们负责滚动和滑动页面 非常缓慢 根据互联网上找到的信息 CSS 过渡不是硬件加速的 除非进行 3 维转换 我发现很多文章说我应该放置 w
  • Twitter Bootstrap 上的插入符号是如何构建的?

    这更多的是一个好奇问题 而不是我真正需要知道的事情 在本页面 http twitter github com bootstrap components html buttonDropdowns http twitter github com
  • 获取 CSS 计算结果以设置自定义属性

    我正在测试一个 CSS 框架 用于通过微类指定数字 例如 类似的东西 div class fifty percent wide 可能会翻译成width 50 该实现使用 CSS 变量 自定义属性 考虑以下 CSS fifty number
  • 如何设置引导开关的 css 颜色?

    如何在此引导开关中将蓝色更改为另一种颜色 我尝试更改输入元素的颜色和背景颜色 但它没有更改开关颜色 这是 html 和 bootstraplink https getbootstrap com docs 4 2 components for
  • 可见性的替代方案:折叠在 IE 和 Chrome 上不起作用

    以下页面 table border 1 tr class cccc td one td tr table 仅适用于 Firefox IE 始终显示该行 而 Chrome 隐藏该行但显示其垂直空间 那么 如何仅使用 CSS 完全隐藏一行呢
  • 输入和文本字段中的背景颜色

    我想更改表单文本和输入字段中的颜色背景 但是当我这样做时 它也会影响提交按钮 是否可以通过其他不影响按钮的方式来完成 我用过这段代码 input textarea background color d1d1d1 input type tex
  • 仅水平 CSS 视差效果,层数大于 100vw

    如何用水平引导网站仅 CSS 视差效果 要求 仅 CSS 视差 父层必须具有宽度 高度 100vw 100vh 子层的宽度 高度必须 gt 100vw 100vh child layers must visually align 100 w
  • Symfony 2 使用 CSS 设置背景图片

    I want to put a background image for a menu in symfony But I can t figure out how to do it I managed to style a lot of t
  • Google 再营销标签 - iframe 高度问题

    我注意到 Google 的再营销代码会在我的页面底部插入一个 iframe 问题是 iframe 弄乱了我的布局 它的高度为 13 像素 并且在底部留下了空白的白色垂直空间 我尝试用 css 隐藏它 但它在 IE9 中仍然可见 iframe
  • 显示班级图片 10 秒

    我有下面给出的代码显示9 boxes 其值如下digital time 还有一个班级box002显示digits相当于随机选择的九个盒子的值 box002 can be dragged to digital time starting wi
  • 如何更改 Shiny 中 navbarPage 折叠的断点

    我想用shiny navbarPage collapsible TRUE 当在小屏幕上查看我的 Shiny 应用程序时 将导航元素折叠到菜单中 默认情况下 当浏览器宽度小于 940 像素时会触发折叠 有什么方法可以改变这一点 以便在稍大的浏
  • 两个 Div 之间的固定宽度间隙

    有谁知道如何修复两个 div 之间的间隙 我有一个主要内容 Div 里面有两个带有图片的 Div 视图的宽度为 768 像素 当我开始拉伸视图时 两张图片开始相互远离 但理想情况下 主要内容 Div 应该在周围有空白的情况下拉伸 并且图片之
  • CSS 的波浪形状

    我正在尝试使用 CSS 重新创建此图像 我不需要重复它 这就是我开始的 但它只有一条直线 wave position absolute height 70px width 600px background e0efe3 div div 我认
  • 从 Bootstrap 中删除字形

    如何从 bootstrap 3 中删除所有字形实例 看起来它已经大量嵌入到 css 文件中了 我正在努力使文件大小尽可能最小 只需简单地克隆引导程序https github com twbs bootstrap sass https git
  • Flexbox 不适用于 iPad 和 Safari [重复]

    这个问题在这里已经有答案了 我在网站上使用 Flexbox 但它在 iPad Air iPad 3 和 Safari PC 上崩溃 设计和代码与此 codepen 类似 http codepen io anon pen xwJzEg htt
  • 如何设置菜单按钮和菜单项的样式

    我尝试更改菜单按钮中的样式 我可以更改菜单按钮样式 但不能更改其菜单项 无论我尝试什么 菜单按钮内的菜单项都保持不变 menu button fx background color black menu button label fx ba
  • 如何将背景图像仅应用于一个反应页面而不是整个应用程序?

    注册页面示例 register background image linear gradient to right ff5722 0 ff9800 100 margin top 150px important div div div div
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 为什么元素上的负底部边距会降低该元素父元素的高度?

    这可能是由于边距折叠造成的 我知道边距折叠 至少知道它如何影响相邻元素 但我不明白当涉及负边距时它如何在嵌套元素上工作 例如 在此标记和随附的 CSS 中 Markup div class parent div class child Ch

随机推荐

  • 如何在 Pandas 中读取带有引号字符和逗号的 CSV 文件?

    我有一个这样的数据集 ISIN MIC Datum Open Hoog Laag Close Number of Shares Number of Trades Turnover Valuta NL0011821202 Euronext A
  • 是否可以对联合类型进行更严格的类型检查?

    按照规范第 3 4 节 http www typescriptlang org Content TypeScript 20Language 20Specification pdf 这不会编译 let s string number s fa
  • 读取 PSV(管道分隔)文件或字符串

    我刚刚收到一个数据文件 其扩展名为 psv 经过一番研究后 我不知道如何打开它R 我们可以使用 read table 来读取 psv 文件 read table myfile psv sep header FALSE stringsAsFa
  • Safari 截断按钮内元素的框阴影

    我有一个按钮 里面有一个接收 box shadow 的元素 button padding 0 border 0 margin 0 overflow visible webkit appearance none background whit
  • 无法在 F# 中使用受保护的事件

    假设我们有以下 C 类 public class Class1 protected event EventHandler ProtectedEvent protected virtual void OverrideMe 在F 中使用Prot
  • WCF 禁用反序列化顺序敏感性

    在非 NET 客户端和 NET WCF 服务之间传递序列化对象时 我经常遇到问题 当 WCF 反序列化对象时 它严格依赖于属性的顺序 也就是说 如果我将我的班级定义为 public class Foo public int ID get s
  • GCC 中的元组模板

    我首先在 VS2010 中使用 Microsoft VC 开始使用 C 我最近找到了一些工作 但我一直在使用 RHEL 5 和 GCC 我的代码主要是本机 C 但我注意到一件事 GCC 似乎不承认
  • 为什么这个 CAKeyFrameAnimation 会以零不透明度停止?

    我有这个代码 在值数组的末尾 您可以看到我提供了 0 5 的不透明度 但由于某种原因 当动画停止时 它会再次闪烁 然后使视图完全透明 那里出了什么问题 CALayer layer self layer CAKeyframeAnimation
  • 是否可以在 CSS3 或 Javascript 中将字母映射到圆柱体或球体?

    我看到一张在 CSS3 中映射到圆柱体的图片 我想知道这是否可以用文本来实现 更好的方法是将文本映射到球体 如果纯 CSS 无法实现 Javascript 可能是一种选择 它必须在所有主要浏览器上运行 包括那些没有 webkit 的浏览器
  • SVG 缩放文本以适合容器

    这可能是一个非常简单的问题 但如何让 SVG 中的文本拉伸以适合其容器 我不在乎它是否因拉得太长或太高而看起来很丑 但它需要适合它的容器并且尽可能大 Thanks 如果您真的不关心文本变得难看 以下是如何将未知长度的文本调整为已知宽度的方法
  • 尝试使用 gdata API 将视频上传到 YouTube 时出现“找不到类”错误

    我目前正在编写 Android 应用程序的一部分 以使用 Google Data API 将视频上传到 YouTube 我有来自 Google Code 的最新版本的 API 我基本上复制了他们的示例开发者指南 http code goog
  • 如何在 JOptionPane 上添加文本区域

    目前我有一个JOptionPane 单击按钮后 我正在执行以下行 JOptionPane showInputDialog this Enter your message Messages 2 它会打开一个带有文本框的弹出窗口 此文本框接受大
  • Elasticsearch、Tire 和嵌套查询/与 ActiveRecord 的关联

    我正在使用 ElasticSearch 和 Tire 来索引和搜索一些 ActiveRecord 模型 并且我一直在寻找索引和搜索关联的 正确 方法 我还没有找到最佳实践 所以我想问是否有人有一种他们认为非常有效的方法 作为一个示例设置 这
  • Android OpenGL ES 生成纹理的圆形网格

    我是 Android 上的 OpenGL ES 新手 我有一个关于为代表圆形的纹理生成网格的问题 左边是所需的网格 右边是我的纹理 如何生成左侧的网格 然后按以下方式渲染 triangle1 Centerpoint WhitePoint n
  • 使用 ggplot2 的发散堆积条形图:图例中的因子排序问题

    我正在尝试绘制李克特量表数据发散堆积条形图 with ggplot2 我见过很多解决方案 其中我发现最好的一个是这个多方面的解决方案 https stackoverflow com questions 51201852 faceted ho
  • 使用单个接口注册多个实现

    有没有一种方法可以使用 simple injector 注册由多个具体类实现的单个接口 而不使用模板接口 说我们有 2 节课MyClass1 and Myclass2这两个类都在实现IInterface1 现在使用 simple injec
  • 在 Pandas Dataframe 中查找空或 NaN 条目

    我正在尝试搜索 Pandas Dataframe 以查找其中缺少条目或 NaN 条目的位置 这是我正在使用的数据框 cl id a c d e A1 A2 A3 0 1 0 419279 0 843832 0 530827 text76 1
  • 建立空链接的不同方法?

    除了这些方法之外 还有没有办法制作空链接呢 a href Example a a href Example a a href Example a 我不介意使页面跳转到顶部的某些内容 但我不希望它更改地址栏中的 URL 理想的链接应尽可能类似
  • Android adb 在列表设备和其他命令中挂起

    当我尝试从终端运行 adb 命令时 尤其是adb devices adb kill server and adb start server它挂起 我需要输入CTRL C退出进程 无法将 APK 部署到物理或虚拟设备 有东西阻止了 adb 进
  • 网站在移动浏览器中看起来不正确

    我现在正在构建一个网站 当我在移动浏览器上加载该网站时 一些元素被推到左侧 在右侧留下难看的空白 我的猜测是 大的米色矩形 直接位于导航下方 的宽度大于其下方的包装纸 注意 矩形不包含在包装器内 但是 我尝试了几种不同的方法 但仍然出现右侧