文章/答案/技术大牛

发布

问移动Safari宽度问题
EN

Stack Overflow用户

提问于 2014-06-11 12:19:25

回答 2查看 70关注 0票数 0

我在移动safari (在iPad和iPhones上测试)上遇到了这个奇怪的问题，body和一些div在中间被切断了，我对此无能为力。它在台式机上运行良好，但在移动safari上就不行了。这里有一个链接：http:pinsupreme.com和一张来自iphone的截图：

html

css

css-float

mobile-safari

回答 2

Stack Overflow用户

发布于 2014-06-11 12:46:17

尝试将此作为视口：

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

票数 0

Stack Overflow用户

发布于 2014-06-11 13:17:56

我可以通过将元视口设置为width=1200来修复它

<meta name="viewport" content="width=1200" />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24162771

复制

解决safari下的tabIndex问题

access keyboard line safari 快捷键

偶然看到网络上有人说safari不支持网页的tabIndex属性，可是这怎么可能呢？做了个测试还果真如此。上caniuse查了一下：

黄希彤

2021/05/06

1.3K0

禁止谷歌广告宽度超父元素的宽度，避免破坏移动网页样式

css

开通谷歌广告联盟 Google AdSense 后，当访客使用手机访问时，谷歌自适应广告的宽度会展开为设备全宽，使得广告宽度超过了父元素的宽度，如下图所示：

Yangsh888

2022/03/28

8060

关于Safari 访问springboot server项目异常问题

spring boot 消息队列 CKafka 版对象存储云函数

后端大哥不作为，埋点数据啥的搞得杂七乱八，自己用springboot 写了一个接受post日志的服务，数据入腾讯云ckafka，消费到elasticsearchhttps://console.cloud.tencent.com/es。（也无聊的用自带的云函数做了个备份将数据copy到了cos对象存储）并在springboot上面加了允许跨域等设置，代码是网上copy来的：

对你无可奈何

2021/02/04

7190

【译】怎样处理 Safari 移动端对图片资源的限制

ios javascript 腾讯云测试服务其他

本文讲述在移动端Safari浏览器中，网页图片的加载受到限制，当图片尺寸超过限制（8-10MB），网页会停止加载，甚至导致浏览器崩溃。作者通过一系列方法，如删除图片元素、更改图片的src属性等来绕过这个限制。使用data URI作为图片的src属性是一种最佳解决方案。

对角另一面

2017/12/27

1.6K0

LaTeX中排版时的宽度问题

https markdown 网络安全

这些宽度里，\hsize 是 Plain TeX 的宏，不推荐 LaTeX 用户使用，简单地当它不存在就好了。在单栏文本中，\columnwidth 和 \textwidth 保持一致；在多栏文本中 \textwidth = n * \columnwidth + (n - 1) * \columnsep（其中 n 是分栏数）。在 minipage 环境中，除了 \paperwidth 之外，其它三个 \****width 都会根据 minipage 的宽度发生改变（因为虚拟出了一个小的纸张页面），然后在 minipage 环境结束的时候恢复原样。在 parbox 中，\textwidth 和 \columnwidth 不会改变，不过 \linewidth 会发生变化。 \linewidth 是相对最灵活的宽度值。在 list 环境里（包括 enumerate 和 itemize 等环境），在 \parbox 里，\linewidth 都会发生变化。总的来说，当* 需要在列表环境中使用表格、图片等宽度的时候，用 \linewidth

gyro永不抽风

2021/05/21

3.5K0

最大宽度最小宽度

其他

css3又加入了min-width,min-height,max-with,max-height等属性

十月梦想

2018/08/29

3.1K0

移动端两端对齐 + 图片宽度自适应

编程算法

有这样一张设计稿，左右两边白色间距为4px，中间间距为10px，每一行的两张图是等宽的（即平分去掉间距后的宽度）

Ganother

2019/02/26

1.5K0

移动端前端开发调试-将safari设置iPhone模拟器

其他

最近一直在做手机网页开发调试，换手机换来换去很不方便。所以总结了两个办法。第一个将safari设置iPhone模拟器：步骤： 1. 打开safari 2. 点击右侧的齿轮，选择“偏好设置” 3. 选择“高级”选项卡 --- 勾选在菜单栏中显示“开发”菜单 4. 关闭对话框 5. F10, 在工具栏将显示开发选项卡 6. 用户代理选择要设置的UA 第二个谷歌浏览器设置各种UA 1. 打开谷歌浏览器 2. 点击右侧菜单按钮，选择“更多工具”--“开发工具”（快捷键F11火ctrl+shift+i） 3

Vicsh

2018/05/16

8.4K0

safari对100vh的兼容问题[通俗易懂]

https java 网络安全 ios

很自然的利用100vh来控制最外层的高度，但测试过程中，发现safari浏览器中，页面的高度出现了偏差，比屏幕的高度还要高出一部分，出现了双层滚动条。

全栈程序员站长

2022/09/02

2K0

Safari扩展

ios mac os http https

本系列文章分两部分，介绍macOS浏览器扩展背后的技术，以及恶意插件如何窃取密码、银行细节和其他敏感用户数据。

安恒网络空间安全讲武堂

2019/09/29

1.7K0

【移动端网页布局】流式布局案例 ① ( 视口标签设置 | CSS 样式文件设置 | 布局宽度设置 | 设置最大宽度 | 设置最小宽度 )

css 布局苹果手机移动端

参考【移动端网页布局】移动端网页布局基础概念 ③ ( meta 视口标签简介 | 利用 meta 视口标签设置网页宽度 / 是否允许用户缩放 / 初始缩放比例 / 最小缩放比例 / 最大缩放比例 ) 博客 , 编写 meta 视口标签 , 视口标签内容如下 :

韩曙亮

2023/04/30

2.4K0

【移动端网页布局】流式布局案例 ① ( 视口标签设置 | CSS 样式文件设置 | 布局宽度设置 | 设置最大宽度 | 设置最小宽度 )

移动端Safari对z-index与绝对定位的不佳处理

容器 javascript ios

我尝试用z-index和绝对定位结合做一个时光轴，但在IOS设备上的表现很差：尽管我滑动了页面，时光轴相对屏幕的位置仍然不变（但时光轴的父元素已经设定了relative）。这还和放在overflow:scroll容器里有关，总之满足以上3点才会100%触发这个bug。我不清楚web标准是否应该这么呈现，但估计是Safari自身的原因。说不定是因为内容放在了容器里，容器内的scroll不会触发safari对这种元素重新渲染。

gojam

2019/07/01

1.5K0

关于Safari浏览器Date不兼容问题

ios 编程算法

今天在进行项目测试过程中，有一个地方是需要通过js来计算两个日期之间剩余多少天多少小时多少秒，在其他浏览器中正常运行，但是到了Safari中发现显示结果为NaN天NaN小时NaN分钟。

OECOM

2020/07/02

2.3K0

Noir – Dark Mode Safari (Safari 扩展程序)激活版

ios 网站

Noir是一个 Safari 扩展程序，它会自动为您访问的每个网站添加暗模式。它使晚上浏览网页变得更好。使用 Noir，您将不会再被明亮的网站蒙蔽双眼。

Mac小小

2022/08/17

1.3K0

关于移动端百分比宽度的几种实现

html 网站 ios android

由于移动端的设备宽度各不相同，而且因为竖屏宽度都比较小，所以一般都采用满屏的方式布局，而不像PC端的使用固定宽度居中的技术布局。既然要使用满屏，那么各种百分比技术就显得尤其重要，下面大概聊聊实战过程使用到的一些技术。

IMWeb前端团队

2019/12/04

8870

关于移动端百分比宽度的几种实现

html

该文章介绍了移动端网页设计中百分比宽度实现四等分的方法，包括使用vw、rem、flex和%等单位，以及使用padding等技术进行宽高比例的控制。同时，也介绍了一些兼容性的问题。

IMWeb前端团队

2017/12/29

9480

JS IOS/iPhone的Safari不兼容Javascript中的Date()问题

iphone ios 编程算法

最近在写一个时间判断脚本，需要将固定好的字符串时间转换为时间戳进行比较，在做的时候个人习惯使用chrome作为调试工具，

Yiiven

2022/12/15

2.4K0

Safari浏览器

网站插件快捷键浏览器调试

浏览器我们今天研究一下这个浏览器，自带的浏览器。我还没有用明白版本浏览器扩展，基本上都要钱可以对单个网站进行设置一些开发的设置完善的功能可以评测一些数据一些快捷键打开文件导出书

云深无际

2020/09/03

1.9K0

纯CSS实现移动端常见布局——高度和宽度挂钩的秘密

css

不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊…但是在项目上线之后,才让我崩溃了,原因很简单,在低于安卓4.4的版本的手机上,自带的浏览器是不支持这个属性的.

FungLeo

2022/05/05

1.3K0

点击加载更多

相似问题

Safari +表+宽度问题

仅在移动safari上出现100%宽度的Css问题

移动Safari文本输入宽度错误？

Safari 9.1.3边框宽度问题

移动Safari视频问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问移动Safari宽度问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

Safari +表+宽度问题

仅在移动safari上出现100%宽度的Css问题

移动Safari文本输入宽度错误？

Safari 9.1.3边框宽度问题

移动Safari视频问题

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问移动Safari宽度问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

Safari +表+宽度问题

仅在移动safari上出现100%宽度的Css问题

移动Safari文本输入宽度错误？

Safari 9.1.3边框宽度问题

移动Safari视频问题

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问移动Safari宽度问题
EN