safari

问题 I've got a directory listing that uses CSS columns but behaves differently in Chrome and Safari. Each section of the directory has a wrapper that arranges the listings into two columns. I've got the CSS so Chrome renders it the way I want: In Safari, the first item in the second column sometimes has an apparent margin above it. I can fix this in Safari by adding display: inline-block; to the list elements. This breaks the layout in Chrome, as sections which have only two items list both items

问题 I've got an ASP.NET website that uses URLRewrite 2 to remove trailing slashes from the URL. We noticed that Safari on Mac does not obey this rule. It always leaves the trailing slash in the URL. SEO Moz is showing both URLs which appears to be a potential duplicate content issue. Here is the URLRewrite rule in our Web.Config <rule name="Remove trailing slash" stopProcessing="true"> <match url="(.*)/$" /> <conditions> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add

问题 @media only screen and (min-width: 480px) and (max-width: 767px) { } Here is my media query how to fix it. how to set for safari web browser. 回答1: Media queries aren't made for browser detection. Use javascript instead, for example: if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) { alert("Browser is Safari"); } From this point you could set a class on the body tag to indicate a safari browser. if (navigator.userAgent.search("Safari") >= 0 &&

问题 The example below: h1 { background-image: linear-gradient(to right, #00b140, #bcda00 17%, #bcda00 60%, #00b140); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } <h1>Text11111</h1> Lacks full cross-browser support. Any suggestions? 回答1: Here is clip for background with gradient /** -webkit-background-clip: text Polyfill # What? # A polyfill which replaces the specified element with a SVG in browser where "-webkit-background-clip: text" is not

问题 We have a problem that is only evident on iOS browsers (iOS 12.0) with our SPA application that uses HTML object tags to load widgets (HTML/CSS/JS files) through JavaScript onto the page. The issue is an intermittent one when the page is loaded some of the widgets don't display/render on the screen, yet are loaded into the DOM and can be viewed/highlighted with full element properties in the Safari Web Inspector. but are “invisible” to their user. The problem will occur about 50% of the time

问题 The situation is I have an inline SVG generated by Grunticon and inserted into the DOM. It's white on a grey background with a drop-shadow. I used the following CSS for the shadow: svg { -webkit-filter: drop-shadow(1px 1px 0 #141414); filter: drop-shadow(1px 1px 0 #141414); } This works fine in Chrome, Opera, Firefox and everywhere else I've tested it, except Safari on iOS and desktop. The CSS filter makes the SVG disappear. It's not just the drop-shadow filter either, any filter seems to

问题 I need to print some data in an HTML table from Internet Explorer (various versions) and Safari on OS X. Ignoring Safari for the moment. When printing a table that has more rows than can fit on a page, the last row on the page is often split with part of the row on the first page and the rest of the row on the next page. This looks ugly. Is there a way to avoid it? I've been searching around and so far I've found page-break-before: always , but I'm not sure if that's what I'm looking for,

问题 I've released several paths: 1) Recording video with https://caniuse.com/#feat=html-media-capture But it works only on iOS and cannot be customizable. I need to render a red frame over the video preview layer and limit video length to 30 seconds. 2) Recording with a WebRTC client placed on the server, but I can't find any software to do that. I've found kurento media server, but its client js utils library does not support Safari 11. 3) Recording with flash plugin. But it is not supported on

问题 So based on information here Safari 3rd party cookie iframe trick no longer working? and here Missing cookies on iframe in safari 5.1.5 it's clear that old tricks wont work: from django.http import HttpResponse from django.conf import settings SESSION_COOKIE_NAME = getattr(settings, 'SESSION_COOKIE_NAME') class SafariIFrameFixMiddleware(object): """ Middleware fixes sessions with Safari browser in iframes Safari default security policy restricts cookie setting in first request in iframe

问题 I am working on a late-2019 Macbook Pro, which supports the P3 color gamut (wide color). I'm building a website that includes large blocks of vivid color, where I just want the colors to be as bright as possible. Most of the intended audience will also have P3-capable monitors. I discovered that my website looks amazing in Firefox -- much better than it does in Safari. It turns out that Firefox doesn't do any color management so the full P3 gamut is applied. Safari converts (or preserves) my