mobile-safari

2熱度

1回答

我創建了一個網站，並且它在除移動Safari之外的所有平臺上都能正常工作，其中頁面高度被拉伸並且第一次單擊頁面變得無響應。 html,body { height:100%; background:center no-repeat fixed url('../asset/images/logo1.jpg'); background-size: cover; c

1熱度

4回答

iOS 10 Safari瀏覽器（移動版）上的字體呈現問題

升級至iOS 10後出現了這個奇怪的問題。 BebasNeue字體已被渲染出怪異。請看下面的2個截圖。聞起來像一個webkit的bug，也發生在iOS 10上的Chrome上。任何人都有同樣的問題？任何解決方法？的iOS 9 的iOS 10

3熱度

1回答

iPhone上的Safari無法對僞元素的顏色進行樣式設置：使用內容\ 2714但適用於\ 2713

有誰知道爲什麼會出現這種情況？我希望兩個複選標記都是白色，但：after元素是黑色（但它似乎有一個垂直的白色到黑色的漸變）。它適用於MacBook上的Chrome和Safari。打開此示例頁面的Safari在iPhone上看到的問題： http://output.jsbin.com/lerudihiho/ （這裏是代碼：http://jsbin.com/ponamazoso/edit?htm

1熱度

1回答

Firebase iOS 10網絡活動指示器不斷旋轉

在iOS 10中，在Safari（有時）或全屏幕Web應用程序（當您將網頁添加到主屏幕時），當存在Firebase後臺連接時，狀態欄網絡活動指示器不停旋轉永遠... iOS中8和iOS 9時火力地堡連接這個指標dissapear，所以用戶不會警告這個小網絡ussage（WebSockets的），如蘋果的UI準則規定： https://developer.apple.com/ios/human-in

1熱度

1回答

如何通過設備更改背景顏色來使-webkit-backdrop-filter可用？

我絕對喜歡Webkit背景濾鏡的樣子，我是CSS和HTML的新手，但我確實知道背景濾鏡只適用於Safari，而瀏覽器羣體並不多。我想知道如何製作，以便不支持背景濾鏡的設備默認爲不透明的背景。下面是一個例子，如果我想要的用戶背景過濾功能的設備，看看 .background{background:rgba(255,255,255,0);-webkit-backdrop-filter: blur(10p

0熱度

1回答

二級菜單的鏈接不適用於iPhone

我正在基於_s（有一些修改）和bootstrap 3.3.2的wordpress主題。在移動設備中，主導航的子菜單已經擴展，但iPhone上存在問題：二級菜單的鏈接不起作用，如果您點擊它們，則什麼都不會發生。這是網站的URL：與iPhone 6S，ios10和Safari瀏覽器測試www.machenergyaustralia.com.au/ 。

1熱度

1回答

Bootstrap導航欄下拉鍊接在Safari中不起作用

簡而言之：有沒有人設法讓Bootstrap下拉導航鏈接在Safari（任何用戶代理）中工作？我查看了至少五個類似的線程，但沒有一個標準修復程序適用於我的情況。 Chrome/Firefox中的一切都很好，但在Safari（桌面和移動設備）中單擊鏈接時沒有任何反應。我正在使用流星。 HTML： <ul class="nav navbar-nav navbar-right"> <li class=

13熱度

2回答

IOS禁用鍵盤選項卡箭頭

我需要禁用IOS上的鍵盤選項卡箭頭，使用JavaScript或甚至基於Web的應用程序元標記（如果有的話）。我已經嘗試了幾個選項，但在選擇菜單時遇到了問題。我也無法將所有tabindex恢復爲-1，因爲這會損害桌面設備和其他設備的選項卡能力。任何幫助，將不勝感激。這是我爲跳轉到只讀的字段所做的一個例子。 $(document).ready(function() { $(

0熱度

1回答

移動Safari上的jquery按鈕溢出文本

我有一個jQuery Web應用程序，它在我的iPhone上看起來不錯。我剛剛在其他人的iPhone上看過它，並且他們在可訪問性中打開了加粗文本。問題在於，按鈕上的大部分文本溢出。例如，不是按鈕上的「確認」，他們的電話顯示「Co ...」，這有點無用。這是一個公司內部的網絡應用程序，所以它只需要在iPhone上運行。任何想法如何解決這個問題？

3熱度

1回答

防止絕對定位元件（的iOS的Safari）

假設一個簡單的結構是這樣的： <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> </head> <body> <div style="position