H5適配iphoneX 關鍵代碼

原創 caoyan0829 2018-12-29 00:32 
<meta name="viewport" content="width=device-width, user-scalable=no, viewport-fit=cover">

viewport-fit=cover 意思爲全屏顯示

再通過padding就可以適配了

padding-bottom":"constant(safe-area-inset-bottom)

padding-top":"constant(safe-area-inset-top)

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

JavaScript 本地存儲

本地存儲簡介 在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作爲本地存儲來使用的 web 應用程序能夠在用戶瀏覽器中對數據進行本地的存儲 解決了cookie存儲空間不足的問題（cookie的存儲

OliGit 2020-07-08 12:27:32

JavaScript 音頻插件和圖表插件

howler音頻插件 配置項及事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <s

OliGit 2020-07-08 12:27:30

PHP和Javascript的JSON交互（處理一個二維數組）(轉)

xmphoenix 2020-07-08 12:00:47

vue開發的手機購物商城APP東京大藥房(帶數據庫，定位，支付，等)

源碼下載就能上線,需要的注注,私信,

qq_36824777 2020-07-08 11:50:38

（轉）js正則表達式驗證大全 js正則表達式驗證大全（轉）

js正則表達式驗證大全（轉） /判斷輸入內容是否爲空    function IsNull(){        var str = document.getElementById('str').value.trim();        i

不及格的程序員-八神 2022-11-01 14:10:37

【Echarts+Html+LayUI】同一htlm頁面，點擊不同選項，加載不同echart

遇到的坑： 問題1 加載一個之後，再點擊另一個，可能是某個模板設定的問題，導致出現重疊的情況。 問題1解決方法： // 基於準備好的dom，初始化echarts實例 var div_main = document.getEle

33 Audrey 2020-07-08 12:35:22

JavaScript中的window對象

window對象：每一個該對象代表一個瀏覽器窗口 1.常用方法如下       open("要打開的頁面文件名","打開窗口在操作系統中的名稱(任何名稱都可以)",                "toolbar=?,menubar=?,

windy8833 2020-07-08 12:23:53

html+css 選項卡

  <style type=text/css>td {   font-size: 12px;  color: #000000;  line-heig

bluelazyboy 2020-07-08 12:23:28

消除js的中文 亂碼 ！

在網頁中引用計數文件，一遇到中文就會出現亂碼！很頭疼，在網上找了很久終於找到了答案。   在引用的網頁插入<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

qingzhizhu888 2020-07-08 11:55:20

react 讀取excel中的內容並解析成json格式的

引用xlsx庫來完成這個功能 下載庫：npm下載可能會報錯，用yarn正常 npm install xlsx --save //or yarn add xlsx 模塊導入： import XLSX from 'xlsx'; 基

Volon Kou 2020-07-08 11:50:48

三個json數組之間的數據一一匹配組合

需求： 將以下三個json數組的數據一一匹配組合 ["S","M","L"],["R","B"],["X","Y","Z"] 代碼實現： Zuhe = (data) => { let heads = data[0];

Volon Kou 2020-07-08 11:50:48

微信小程序 json 數組push 不重複 數據

ans_click: function (e,that,json, pageindex) { var id = e.currentTarget.dataset.id; var args = json.question

东边的小山 2020-07-08 11:49:26

promise reject 狀態

promise reject 其實是一種狀態 作爲then 的第二個參數進行傳遞 或者在 catch中使用 當then第二個參數存在時，優先使用第二個參數而不是用catch 相當於有選擇性地進行回調

阿冰介 2020-07-08 11:48:15

js獲取某個日期的起始週日期及兩個日期的間隔天數

//獲取起始周 var time=$("#exportWeek").val(); var time_=new Date(Date.parse(time.replace(/-/g,"-"))); var now = new Date(ti

Agwenbi 2020-07-08 11:38:51

HTML5 canvas組件

canvas簡介 canvas標籤是用來繪製圖像的 canvas本身沒有繪畫的能力，僅僅是圖形的容器，相當於一塊畫板 必須要使用腳本完成繪製：JS canvas繪畫 <!DOCTYPE html> <html lang="

OliGit 2020-07-08 12:27:30