safari相关内容

iOS Safari 滚动到顶部在某些页面上不起作用.为什么?

免责声明:网站已同时更新,新版本的设计不再出现此问题. 在我建立的一个新网站上,我注意到 Safari (iOS 5) 中有一个奇怪的怪癖.通常您可以点击 Safari 顶部的黑条滚动到任何网页的顶部.在我的新网站上,这适用于主页,但不适用于单个文章页面. 试试吧!versbeton.nl(有效!)与 versbeton.nl/2012/01/vers-vloeibaar/(不起作用! ..
发布时间:2022-01-04 18:25:15 移动开发

2017 回答“如何使背景图像固定在 iPhone6 上";

我有一个带有背景图片的 HTML/CSS 网页.图像固定在桌面上,看起来很棒,正文按预期滚动. 然而,在 iPhone6 上,它看起来很糟糕:有时会出现两个版本的照片;两个版本都随着图像滚动,而不是原地不动,第二个版本被拉伸到页面的整个长度. 我已经在堆栈溢出的高低搜索了答案,但没有一个答案起作用:媒体查询似乎不起作用;-webkit 似乎不起作用;似乎没有任何效果. 现在是 2 ..
发布时间:2022-01-04 18:18:52 移动开发

背景图像未在 Safari 中显示

我正在研究响应式设计,并且“bgMainpage"类有一个背景图像,但它没有在所有设备的 Safari 上显示.我已经应用了背景尺寸封面,因为这是客户想要的.我也添加了浏览器特定的 CSS,但我不知道还能做什么,以便它也显示在 Safari 中.Chrome、FF、IE 显示图像就好.有什么想法吗? 项目链接 CSS: .bgMainpage{background:url("../i ..
发布时间:2022-01-04 17:58:20 前端开发

为 iPhone 创建一个组合框

由于没有预先存在的组件来创建组合框(或选择框),如通过 Safari 在网页上看到的那样,有人可以提供一个示例或预先存在的创建组合框的第 3 方组件吗? 解决方案 我认为这并不难. 在视图控制器中,您有一个 UITextField 和一个 UITableView.将视图控制器指定为两个控件的委托,以及表的数据源. 在您的控制器中实现 UITextField 委托方法 textF ..
发布时间:2022-01-02 14:34:27 移动开发

单击超链接时,Safari 会忽略/删除锚点(或“主题标签")吗?

我需要将一页指向另一页,然后滚动到特定部分.在 Chrome 和 Firefox 中,使用像 www.example.com#section1 这样的 URL 可以解决问题.(#section1 可以是锚点或元素的 id). 但是,在 Safari 中,当我单击链接时,哈希值会消失. 为什么会这样?是否可以在 Safari 上执行此操作?如果没有,我该如何解决这个问题? 解决方案 ..
发布时间:2022-01-02 08:20:19 其他开发

在 Safari 中的 flexbox 中拉伸图像

这只是 Safari 中的一个问题,在我看来像是一个 Safari 错误.这是一个fiddle,其中包含该问题的简化版本. 当图像位于设置了宽度且 height: auto 的嵌套 flexbox 元素中时,它会被拉伸……自动高度不起作用.是否需要添加一些额外的东西才能在 Safari 中工作? .container {显示:弹性;弹性方向:列;}.container 部分:第一个孩子 ..
发布时间:2021-12-31 13:10:25 前端开发

Flex 项目无法在 Safari 中正确堆叠

我制作了一个 flex 布局,其中四个列/框并排放置在父 div 中.我在 980 像素处添加了一个媒体查询,它增加了列的宽度,并添加了一个 flex-wrap 以将两个右手列推到一个新行上,创建一个 2 x 2 样式布局.这适用于除 Safari 之外的所有浏览器,其中结果非常难以预测. 小提琴:https://jsfiddle.net/gjy1t16p/6/ 如果您在 Chrome ..
发布时间:2021-12-31 12:57:10 前端开发

如何在 Safari 中将 flex 容器的绝对定位子项居中?

我有一个包含图像和一些文本的容器.我希望文本在图像中间垂直和水平居中. 似乎最简单的前瞻性方法是使用 Flexbox 和文本的绝对定位: .container {显示:弹性;对齐内容:居中;对齐项目:居中;位置:相对;}.文本 {位置:绝对;} 这个应该居中 文本在两个轴上居中.这似乎适用于所有现 ..
发布时间:2021-12-31 12:56:54 前端开发

在 Safari 中重叠 CSS flexbox 项目

强制 Safari 在默认 flex 容器中不与 flex 项目重叠的正确 CSS 是什么? Safari 似乎给了太多的宽度来伸缩包含大量内容的项目. Safari:(Mac OS X 10.10.5 Yosemite 上的 v8.0.8) Flex 项目在 Chrome 和 Firefox 中显示良好. 铬: CSS: main {显示:弹性;边框:3px纯银; ..
发布时间:2021-12-31 12:55:19 前端开发

Flex-box 中的 Row Wrap 未在 Safari 中换行

一个 flex 容器有四个子元素,每个子元素的 flex-basis 为 25% 和 a min-width.flex-flow 设置为行换行.Safari 以外的浏览器会按预期处理此问题:如果达到最小宽度,它将下一项包装到下一行.在 Safari 中,它会溢出容器. 在此处查看演示:http://codepen.io/lbilharz/pen/aJbkI 玉 h1 为什么这不是移动 ..
发布时间:2021-12-31 12:51:12 前端开发

如何让 flex box 在 safari 中工作?

如何让 Flex 框在 Safari 中工作?我有一个响应式导航,它使用 CSS 弹性框来响应出于某种原因,它在 Safari 中不起作用. 这是我的代码: #menu {清楚:两者;高度:自动;字体系列:Arial、Tahoma、Verdana;字体大小:1em;/*填充:10像素;*/边距:5px;显示:-webkit-box;/* 旧 - iOS 6-, Safari 3.1-6 ..
发布时间:2021-12-31 12:47:03 前端开发

Flex 容器的高度在 Safari 中无法正常工作

所以我有一个带有列和最大高度的 flexbox,使列在 3 列中彼此相邻堆叠. 这在 Chrome 中工作正常,但在 Safari 中似乎只使用最后一列(最右边)来设置容器的实际高度. 我在这里做了一个例子: section {显示:弹性;弹性方向:列;flex-wrap: 包裹;最大高度:400px;填充:10px;边框:1px纯绿色;}div {弹性基础:100px;宽度:1 ..
发布时间:2021-12-31 12:44:22 前端开发

为什么在 Windows 上的 Chrome 或 Safari 上查看时,html 文本有时会出现乱码?

有时用户报告说 https://squareup.com 上的文字对他们来说看起来像是乱码(或乱码)……但是我们一直无法重现这一点. 用户报告在 Windows 上使用 Chrome 或 Safari,因此这可能是 webkit 的问题. 以下是在 https://squareup.com 上截取的三个屏幕截图::> 我们当前网站上的定价页面: 解决方案 使用旧版 Win ..
发布时间:2021-12-30 11:45:47 前端开发

Safari 字体渲染问题

如下所示,Chrome 中的 Texta-Light 字体与 Safari 看起来完全不同.Chrome 按我喜欢的方式显示字体,但 Safari 在 OS X 和 iOS 上的渲染看起来太薄了.下面的 Safari 图像是在 iOS 上拍摄的,正如您所看到的,出于某种原因,字体看起来好像有两个文本位. 我一直在寻找解决方案,但没有找到任何有效的方法.我尝试使用 -webkit-font-s ..
发布时间:2021-12-30 11:17:46 前端开发

Mac/Safari 上的字体重量变轻

在我的上一个网站上,文本在 chrome 和 firefox 上自然完美,没有触及字体平滑或其他任何东西. 但是在 Mac/Safari 7 上,文本显示得很好,然后立即变薄(太薄/不好看). 经过一些研究 [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/] 和一些测试玩 -webkit-fo ..
发布时间:2021-12-30 10:51:56 前端开发

jQuery ajax 功能在 Safari 中不起作用(Firefox、Chrome、IE 可以)

我不是 javascript 专家,但我有点困惑这在三个主要浏览器中是如何工作的,但不是 Safari ......这段代码有什么问题吗?基本上,我只是将它与给定 url 处的 php/mysql 回调结合使用来跟踪链接点击. Drupal.behaviors.NodeDownloadCounter = function() {$('a.ndc-link').click(function() { ..
发布时间:2021-12-29 23:45:55 前端开发