亚洲欧美精品aaaaaa片-亚洲国产精久久久久久久-国内精品久久久久久中文字幕-国模无码一区二区三区不卡-性色av极品无码专区亚洲-亚洲国产精品99久久久久久-三级毛片精品在线观看-亚洲黄片在线播放-日韩亚洲专区中文字幕-亚洲国产a国产片精品-荫蒂被男人添的好舒服A片漫画,久久精品成人鲁丝电影,日本强伦姧人妻一区二区,16女下面流水不遮视频

{dede:field.typename/}資訊

探知 ? 創造美好

不斷超越客戶的期望值，源自我們對這個行業的熱愛

手機網站建設中iPhoneX兼容性問題解決方案

來源：網站建設觀點 - 遠策科技 | 2019-06-05

在全面屏的 iPhone X 上，不需要而外的代碼，Safari 可以很好的展示現有的網站。整個網站的內容都會自動地展示在一個“安全區域”內，并不會被四周的圓角或者“小劉海”遮擋住。
 
Safari 使用頁面的背景色（一般就是 <body> 或者 <html> 元素的 background-color）來填充周圍空出的區域，與頁面的其他部分保持協調。這種方式可以解決網站大部分的問題。
 
不過還有一些網站——尤其是那些有橫向貫穿的導航條的網站，像下面這樣的就需要做一點額外的工作，使得在這種新的顯示下繼續利用全面屏的優勢，且不顯得突兀。

手機網頁設計適配

我們需要有選擇地給那些包含重要信息的元素加上內邊距，避免它們受到屏幕形狀的影響。這樣不但可以充分利用 iPhone X 擴大的屏幕，也可以避免手機四個角、小劉海和退到主屏標志的影響。iOS 11 的 WebKit 引入了一個新的 CSS 函數—— env()，還有四個預定義的環境變量。—— safe-area-inset-left, safe-area-inset-right, safe-area-inset-top, 和 safe-area-inset-bottom。結合這兩個新東西，就可以在樣式中使用安全邊距。

蘋果瀏覽器網頁兼容性

在不支持 env() 函數的瀏覽器中，這條 CSS 規則會被忽略。因此，針對每個使用 env() 的地方，加一條 CSS 備用規則尤其重要。我們可以使用 Safari Technology Preview 新增的 CSS 函數 min() 或 max() 來實現。這兩個函數都接受任意個數字，返回其中最小或者最大值。兩個函數都可以使用在 calc() 中，也可以互相嵌套，也允許在函數內使用計算（就如 calc() 的那樣）。

手機處于豎屏狀態時， env(safe-area-inset-left) 取值為 0px，因此 max()函數的取值為 12px。橫屏時， env(safe-area-inset-left) 因為小劉海的存在，會比較大，max() 就會返回安全邊距，這樣就可以保證重要的內容總是可見。

多一份參考，總有益處

131-1155-0088 / 159-3167-7513

遠策科技

+

河北遠策科技有限公司以工匠精神打造精致服務，不循規蹈矩，不驚世駭俗，為企業互聯網營銷整合方案，服務涵蓋： 網站建設、網站推廣、品牌優化、微信開發、VI設計、視頻制作等。解決企業互聯網營銷難題，讓企業不再為推廣而煩惱。

遠見卓識

10年網站建設推廣經驗

18家優秀合作設計機構

117家品牌長期合作共贏

1000+網站建設案例作品

專注營銷型網站建設定制

深厚經驗網站建設團隊

完備的項目流程管理體系

企業一站式網絡推廣服務

策無遺算

+

一路走來，崇尚創意是我們的活力和根源，讓客戶滿意是我們工作的目標， 不斷超越客戶的期望值源自我們對這個行業的熱愛！遠策科技結合十年互聯網品牌設計經驗和整合營銷的理念，將策略和執行緊密結合，有效提升企業推廣整體表現！

建站公司地址：石家莊市長安嘉和廣場1911、裕華區ICC環球智慧中心24F | 業務咨詢：131-1155-0088 , 159-3167-7513

河北遠策網絡公司為您提供石家莊網站建設制作,網站優化推廣,網站改版托管等 | 冀ICP備18035311號-1 | SITEMAP | 冀公網安備:13010202002454號

遠策 - 建站推廣一站式服務

您可 微信掃碼 或 撥打電話 咨詢
在線咨詢 稍后再說

131-1155-0088

微信掃碼 立即咨詢

遠策科技 ?