iphoneX樣式兼容

// 1.viewport meta 標簽增加屬性viewport-fit=cover

// 2.body元素增加樣式 body { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } // 3.如有fixed底部的元素,也增加上面樣式 xxx { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff; // 記得添加background-color,不然會出現透明鏤空的情況 }

轉載于:https://juejin.im/post/5abf4e586fb9a028c675d4f7

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/452170.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/452170.shtml
英文地址,請注明出處:http://en.pswp.cn/news/452170.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

學成在線--19.新增課程(數據字典)

文章目錄一.介紹二.數據模型三.數據模型類四.字典查詢API接口五.服務器端1.Dao2.Service3.Controller一.介紹 在新增課程界面需要選擇課程等級、課程狀態等,這些信息統一采用數據字典管理的方式。 本項目對一些業務的分類配置信息,比如:課程…

范式簡介

范式是符合某一種級別的關系模式的集合。關系數據庫中的關系必須滿足一定的要求。滿足不同程度要求的為不同范式。范式的種類: 第一范式(1NF) 第二范式(2NF) 第三范式(3NF) BC范式(BCNF) 第四范式(4NF) 第五范式(5NF) 一個低一級范式的關系模式,通過模…

程序員的進化

對于很多同學來說,他們對程序員的職業生涯非常關注。而這本質上是一個進化的過程。我們將如何進化?在每個進化階段我們應該如何提高自己?下面的文章根據我自己的切身經歷和閱讀過的書,為程序員每個階段的進化提供了不同的學習思路…

【樹形dp】vijos1144小胖守皇宮

細節很精妙 描述 huyichen世子事件后,xuzhenyi成了皇上特聘的御前一品侍衛。 皇宮以午門為起點,直到后宮嬪妃們的寢宮,呈一棵樹的形狀;某些宮殿間可以互相望見。大內保衛森嚴,三步一崗,五步一哨&#xff0c…

手機號碼歸屬地及運營商查詢

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL;public class NewMobile {public stati…

redhat6.5手動配置網絡

2、手動設置ip地址如果虛擬機不能自動獲取IP,只能手動配置,配置方法如下:輸入命令#vi /etc/sysconfig/network-scripts/ifcfg-eth0 [編輯網卡的配置文件]輸入上述命令后回車,打開配置文件,使用方向鍵移動光標到最后一行…

學成在線--20.新增課程(最后完善)

文章目錄一.效果展示二.服務端1.Api接口2.Dao3.Service4.Controller三.前端1.頁面完善1)創建course_add.vue頁面2)course_add.vue頁面路由3)course_list.vue中添加鏈接2.查詢數據字典1)視圖中代碼2)定義Api方法3&#…

http協議工作流程

用戶單機鼠標后所發生的事件過程如下: (1)瀏覽器分析鏈接所指向頁面的URL。 (2)瀏覽器向DNS服務器請求解析URL的IP地址。 (3)域名系統DNS解析出URL對應的IP地址。 (4&#xff09…

html里面表格問題

表格問題匯總: 現代網站中表格的用武之地已經很少了,但是一些框架,如bootstorp還是會用到的,所以還是需要了解掌握。本隨筆只涉及開發過程中遇到的表格問題,不做其他拓展。 1、caption代表的是表格元素的標題。至于標題…

利用Underscore求數組的交集、并集和差集

1 數組交集函數——intersection 數組的交集是指包含多個數組中的共同元素的一個數組,求數組的交集就是找出給定數組中的共有元素。 下面實現一個求兩個數組交集的函數。 判斷數組是夠包含指定值,使用Array.indexOf就可以。所以我們可以遍歷第一個參數數…

RT-Thread簡介

RT-Thread簡介 RT-Thread是一款完全由國內團隊開發維護的嵌入式實時操作系統(RTOS),具有完全的自主知識產權。 經過16個年頭的沉淀,伴隨著物聯網的興起,它正演變成一個功能強大、組件豐富的物聯網操作系統。 RT-Thre…

調用第三方API ,實現手機號碼歸屬地及運營商查詢

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 運行結果: 中國電信 西雙版納 西雙版納,中國電信 代碼: import java.io.BufferedReader; import java.io.I…

學成在線--21.課程信息修改

文章目錄一.需求分析二.課程管理導航頁面1.定義course_manage.vue為課程管理頁面2.創建各個信息管理頁面3.創建路由三.服務端1.Api接口1)根據課程ID查詢課程信息2)修改課程信息2.Dao3.Service4.Controller四.前端1. 完成course_baseinfo.vue頁面2.API方法…

HTTP協議特點

(一)HTTP協議是無狀態的。也就是說,同一個客戶第二次訪問同一個服務器上的頁面時,服務器的響應與第一次被訪問時相同。服務器不記得訪問過得這個用戶,也不記得為這個客戶服務過多少次。 (二)HT…

C#曲線分析平臺的制作(四,highcharts+ajax加載后臺數據)

在上一篇博客:C#曲線分析平臺的制作(三,三層構架echarts顯示)中已經完成了后臺的三層構架的簡單搭建,為實現后面的拓展應用開發和review 改寫提供了方便。而在曲線分析平臺中,往往有要求時間軸聯動功能&…

國際C語言混亂代碼大賽結果公布

國際C語言混亂代碼大賽(IOCCC, The International Obfuscated C Code Contest)是一項國際編程賽事,從1984年開始,每年舉辦一次(1997年、1999年、2002年、2003年和2006年例外)。目的是寫出最有創意的最讓人難…

JDBC連接數據庫(一)

原文地址http://www.cnblogs.com/hongten/archive/2011/03/29/1998311.html JDBC連接數據庫 創建一個以JDBC連接數據庫的程序,包含7個步驟: 1、加載JDBC驅動程序: 在連接數據庫之前,首先要加載想要連接的數據庫的驅動到JVM…

eclipse加速之禁用 JS、jsp 等文件的語法驗證

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 去除eclipse的JS驗證: 將windows->preference->Java Script->Validator->Errors/Warnings-> Enable Javascr…

學成在線--22.課程營銷

文章目錄一.需求分析二.數據模型三.服務端1.Api接口1)查詢課程營銷信息2)更新課程營銷信息2.Dao3.Service4.Controller四.前端1.Api 方法2.編寫 course_marketinfo.vue1)template2)數據對象3)保存方法4)在m…

電子郵件系統

(一)電子郵件系統的構成 1.用戶代理 用戶與電子郵件系統的接口,用戶代理使用戶能夠通過一個很友好的接口來發送和接收郵件,用戶代理就是一個運行在PC上的程序。 2 郵件服務器 郵件服務器的功能是發送和接收郵件,同…