程序员经验分享-hwhale

iPhone 5 上的 Bootstrap 3 不是 XS

2023-12-19

我在制作 Bootstrap 3 网站时遇到了一个非常奇怪的错误：由于某种原因，它不适应较小的 iPhone 屏幕尺寸（导航栏没有折叠，并且“col-xs-...”似乎被忽视）。

我仔细检查了 iPhone 上的屏幕宽度（320 像素），当我调整浏览器大小时，我的网站在桌面上调整得很好，宽度为 767 像素。似乎只有 iPhone 给我带来了问题，但我不知道如何诊断问题。

您可以查看该网站：激发兴趣 http://www.sparkmyinterest.com

感谢您的想法！


您的 dom 头中没有元视口。

<meta name="viewport" content="width=device-width, initial-scale=1" />
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

iphone

css

html

twitterbootstrap

iPhone 5 上的 Bootstrap 3 不是 XS 的相关文章

  • 如何替换已弃用的方法dispatch_get_current_queue()？ [复制]

    这个问题在这里已经有答案了 我正在 iOS 5 中使用 xmppframework 开发一个聊天应用程序 它工作得很好 但我将 Xcode 更新到 4 5 1 将 iOS 5 更新到 iOS 6 将 Mac OS 更新到 10 7 5 但由

  • 网站在 iPhone 屏幕右侧显示空白区域

    我遇到问题http eiglaw com http eiglaw com iPhone 屏幕右侧显示约 25 像素宽的空白 边框 我在 stackoverflow 上研究了这个问题 这些帖子是相关的 但是当我尝试提供的各种解决方案时 我无法

  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像

  • Bootstrap：如何将按钮组对齐在中心（垂直）

    在下面的代码中

  • 使用 iPhone 中的地图视图读取当前位置名称

    我读取了当前位置的纬度和经度值 然后成功将该位置固定在 iPhone 中 现在我想使用这个纬度和经度值读取该地名 我使用以下代码来读取查找当前位置 void mapView MKMapView mapView1 didUpdateUserL

  • CSS 继承、别名和其他很酷的东西

    有一天 我随机浏览网页 发现了一些程序 可以让你编写 CSS 别名和其他很酷的东西 我现在不记得了 举个例子 我记得你可以这样做 myclass background color red greenfont 其中 greenfont 在其他

  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo

  • 如何使使用 css 调整大小的图像在 IE 中看起来不错？

    当使用 css 宽度 高度或属性宽度 高度缩放图像时 IE6 和 IE7 无法很好地缩放网页中的图像 我不确定它默认使用哪种算法 但这不好 在这些浏览器中缩放时 缩放图像会显示锯齿伪影 幸运的是 有一种方法可以通过简单的 css 规则强制

  • 将 SSLSetEnabledCiphers 与 AFNetworking 结合使用来禁用弱密码

    我正在尝试禁用一些密码 弱 例如单个 DES 单个 DES 40 位等 我尝试过使用这段代码在 Cocoa 中使用 CFSocket CFStream 时如何设置 SSL 密码 https stackoverflow com questio

  • 合并 2 个大型 CSS 文件的有效方法

    我正在寻找一个可以合并 2 个大型 CSS 文件的工具 到目前为止我尝试过的所有方法 例如CSSMerge 都没有成功 其中一些只是随机删除属性 其他人则因 webkit 和 moz 等非标准属性而窒息 并给我错误 我还需要保留每条规则大小

  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150

  • 如何在模态打开时防止主体滚动

    我在用着W3schools 模态脚本 https www w3schools com howto tryit asp filename tryhow css modal我想添加一个功能 防止模型打开时整个主体滚动 我根据我的需要对原始脚本做

  • 如何始终将焦点保持在文本框中

    我创建了一个包含两个 div 的 HTML 页面 左侧的 div 页面的 90 是 ajax 结果的目标 右侧的 div 页面的 10 包含一个文本框 该页面的想法是在文本框中输入零件编号 通过条形码扫描仪 并显示与该零件编号匹配的绘图 显

  • 虚拟乐器 iPhone 应用程序中的 VoiceOver 辅助功能？

    我收到盲人用户的评论 称我的一些声音和音乐相关应用程序只能在关闭 VoiceOver 的情况下使用 在 iOS 设备上启用 VoiceOver 辅助功能后 是否可以启用音乐键盘或鼓垫触摸区域 以便在点击键盘键或虚拟鼓组 等 时可以立即播放音

  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求

  • 使用 CSS 的响应式图像

    我发现调整图像大小以使其具有响应能力很棘手 我正在开发一个 php 应用程序来自动将网站转换为响应式版本 我有点被图像困住了 我已经成功地为网站上的每个图像添加了一个包装类 并且可以很好地调整图像的大小 我的问题在于自然小于窗口的图像 例如

  • 如何从浏览器向服务器发送“页面将关闭”消息？

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message

  • insertNewObjectForEntityForName：

    我使用 Xcode xcdatamodel 文件编辑器设置了一个实体 我创建了一个名为 Person 的实体 添加了一些属性 然后生成了一个 m 文件来表示它 一切都很好 现在 当我去编写一行代码时 例如 Person person Per

  • UIImageJPEGRepresentation 在视网膜显示屏上提供 2x 图像

    我有这段代码 它创建一个图像 然后向其添加一些效果并缩小其大小以使其largeThumbnail UIImage originalImage UIImage imageWithData self originalImage thumbnai

  • UIView晃动动画

    我试图在按下按钮时使 UIView 摇动 我正在调整我找到的代码http www cimgf com 2008 02 27 core animation tutorial window shake effect http www cimgf

随机推荐

  • Zend Framework 2 模块在 Bootstrap 控制器之间共享变量

    是否可以在 Module php 中创建变量甚至共享对象 如数据库适配器 以在所有视图控制器中使用 Zend 框架 2 例如 class Module public function onBootstrap MvcEvent e modul

  • python：腌制c对象

    首先 我并不期待解决方案 只是希望得到一些关于如何开始的指导 我有一个带有嵌入式 Python 解释器的 C 程序 程序用作输入的 Python 脚本显然是指 C 定义的对象和函数 我现在想让其中一些对象可腌制 pickle 文档描述了如何

  • Plone/z3c.form 3.2.1-如何使自动完成小部件（不是必填字段）使用自定义绑定源对象？

    我正在尝试使用绑定的源对象获取自动完成小部件以表单 z3c form 呈现 在接口类中 Parent schema Choice title u A Parent source ParentSourceBinder required Fal

  • Bootstrap Validator - 验证成功时发出警报

    我在用着引导验证器 http bootstrapvalidator com 插件来验证我的表单 我试图在表单成功验证时发出警报 HTML

  • LINQ To Entities 无法识别数组索引

    我的代码中有以下功能 public List

  • 如何以不同的方式设置标准 GWT 组件 (TabBar) 的样式？

    我正在使用 TabBar 并且想以不同的方式设置组件的样式 所以一次是这种风格 另一次是那种风格 我以为这会起作用 但事实并非如此 TabBar t new TabBar t addTab 1 t addTab 2 t addStyleNa

  • 将 stdint 与 swig 和 numpy.i 一起使用

    我正在开发一个模块来使用c inline在Python代码中基于swig 为此我想做numpy数组可访问于C 到目前为止我使用的 C 类型如下unsigned short但我想使用类似的类型uint16 t from stdint h保存我

  • Python 文档 (:obj:`str`) 与 (str)

    我一直在读这个Google 风格 Python 文档字符串示例 http sphinxcontrib napoleon readthedocs io en latest example google html了解 Python 文档的编写程

  • 创建查询以获取未完成呼叫的计数

    有表 waiter log 作为 call id queue num curr ast num curr proceed wait f27de4f 9010 2 1 f27de4f 9002 5 1 f27de4f 9003 1

  • WatchOS 3 中的本地通知

    我正在使用 WatchOS 3 beta 并尝试在手表上启动本地通知 该界面只是一个按钮 它调用下面代码中的 buttonPushed 方法 该应用程序运行良好 但我从未收到通知 应用程序结构是 Xcode 8 中 WatchKit 应用程

  • 如何调整mysql命令行的显示设置？

    mysql 命令行未正确显示结果 我的意思是表的某些列位于第一行 某些列位于第二行 输出也分为两行 如何调整这些设置才能正确显示结果 您可以使用 G命令 而不是 在 SQL 查询的末尾 Example SELECT FROM USER G

  • 使用NamedParameterJdbcTemplate将数据发送到DataBase

    package com techm template import java sql Types import java util Date import java util HashMap import java util Map imp

  • 如何计算 TCP 校验和

    我正在编写一个内核模块 它使用 Netfilter 挂钩来修改一些 TCP 标头信息 显然 在发送之前 我想重新计算校验和 我还在接收端编辑了标头 所以我也需要在那里重新计算它 在网上搜索 我发现有人说我可以简单地将其设置为0 它会为我计算

  • 排除迁移的属性[重复]

    这个问题在这里已经有答案了 I have 特性在我的模型上 我不想在中生成字段tables迁移后 是否可以排除特性实体框架核心迁移 我的模型上是否有模型的属性或某些 Fluent API 方法DbContext为了这 您应该能够指定 Not

  • WordPress：如何从自定义分类查询中排除子分类中的帖子？

    我的 WordPress 主题有一个名为 集合 的自定义分类法 自定义分类是分层的 因此存在子集合 我有一个名为 书籍 的集合和一个名为 小说 的子集合 有些帖子只在 书籍 中 有些帖子则在 小说 中 我希望 书籍 集合的页面仅显示主 书籍

  • C# 中的可滚动消息框

    我在VS2008 C 中使用Addin 我需要显示消息 错误消息和其他消息 我不知道消息的长度 因此我想使用 Scrollable MessageBox 我找到了 2007 年的这篇文章 作者 Mike Gold 2007 年 7 月 30

  • NSMutableArray arrayWithArray：与 initWithArray：

    这些都在我的应用程序中工作 没有任何明显的区别 1 theArray NSMutableArray alloc initWithArray NSKeyedUnarchiver unarchiveObjectWithData theData

  • 随机有理数生成

    有理数是可数的 例如 此代码在开区间 0 1 中查找第 k 个有理数 排序为 n1 d1 是在之前 n2 d2 if d1

  • 各个平台的保留文件名是什么？

    我不是在询问文件名的一般语法规则 我的意思是那些不知从哪里跳出来咬你的陷阱 例如 尝试在 Windows 上将文件命名为 COM From http www grouplogic com knowledge index cfm fuseac

  • iPhone 5 上的 Bootstrap 3 不是 XS

    我在制作 Bootstrap 3 网站时遇到了一个非常奇怪的错误 由于某种原因 它不适应较小的 iPhone 屏幕尺寸 导航栏没有折叠 并且 col xs 似乎被忽视 我仔细检查了 iPhone 上的屏幕宽度 320 像素 当我调整浏览器大

热门标签