css技巧

H5頁面有個(gè)很蛋疼的問題就是古程,當(dāng)輸入框最底部,點(diǎn)擊軟鍵盤后輸入框會被遮擋屯伞。
//可采用如下方式解決
var oHeight= (document).height(); // 瀏覽器當(dāng)前的高度(window).resize(function(){
if((document).height() < oHeight){("#footer").css("position","static");
}else{
("#footer").css("position","absolute"); } }); 不讓 Android 手機(jī)識別郵箱 <meta content="email=no" name="format-detection" /> 禁止 iOS 識別長串?dāng)?shù)字為電話 <meta content="telephone=no" name="format-detection" /> 禁止 iOS 彈出各種操作窗口 -webkit-touch-callout:none 在ios和andriod中,audio元素和video元素?zé)o法自動播放 //解決方案:觸屏即播('html').one('touchstart',function(){ audio.play()})
ios下取消input在輸入的時(shí)候英文首字母的默認(rèn)大寫
<input autocapitalize="off" autocorrect="off" />
頂部狀態(tài)欄背景色
<meta name="apple-mobile-web-app-status-bar-style"content="black"/>
說明:除非你先使用apple-mobile-web-app-capable指定全屏模式述么,否則這個(gè)meta標(biāo)簽不會起任何作用。
如果content設(shè)置為default愕掏,則狀態(tài)欄正常顯示度秘。
如果設(shè)置為blank,則狀態(tài)欄會有一個(gè)黑色的背景。
如果設(shè)置為blank-translucent剑梳,則狀態(tài)欄顯示為黑色半透明唆貌。
如果設(shè)置為default或blank,則頁面顯示在狀態(tài)欄的下方垢乙,即狀態(tài)欄占據(jù)上方部分锨咙,頁面占據(jù)下方部分,二者沒有遮擋對方或被遮擋追逮。
如果設(shè)置為blank-translucent酪刀,則頁面會充滿屏幕,其中頁面頂部會被狀態(tài)欄遮蓋着シ酢(會覆蓋頁面20px高度骂倘,而iphone4和itouch4的Retina屏幕為40px)。
默認(rèn)值是default巴席。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末历涝,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子漾唉,更是在濱河造成了極大的恐慌荧库,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赵刑,死亡現(xiàn)場離奇詭異分衫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)般此,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進(jìn)店門蚪战,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人恤煞,你說我怎么就攤上這事屎勘∈┘” “怎么了居扒?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長丑慎。 經(jīng)常有香客問我喜喂,道長,這世上最難降的妖魔是什么竿裂? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任玉吁,我火速辦了婚禮,結(jié)果婚禮上腻异,老公的妹妹穿的比我還像新娘进副。我一直安慰自己,他們只是感情好悔常,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布影斑。 她就那樣靜靜地躺著给赞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪矫户。 梳的紋絲不亂的頭發(fā)上片迅,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天,我揣著相機(jī)與錄音皆辽,去河邊找鬼柑蛇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛驱闷,可吹牛的內(nèi)容都是我干的耻台。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼遗嗽,長吁一口氣:“原來是場噩夢啊……” “哼粘我!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起痹换,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤征字,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后娇豫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體匙姜,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年冯痢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了氮昧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,503評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡浦楣,死狀恐怖袖肥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情振劳,我是刑警寧澤椎组,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站历恐,受9級特大地震影響寸癌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜弱贼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一蒸苇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吮旅,春花似錦溪烤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莺葫。三九已至,卻和暖如春枪眉,著一層夾襖步出監(jiān)牢的瞬間捺檬,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工贸铜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留堡纬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓蒿秦,卻偏偏與公主長得像烤镐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子棍鳖,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 1.定位 1.1 定位基礎(chǔ) 需要定位的原因:1.當(dāng)需要某個(gè)元素自由的在盒子內(nèi)移動位置炮叶,并且壓住其他盒子時(shí)。2.當(dāng)滾...
    OohMuYi閱讀 615評論 0 0
  • 【本文會持續(xù)更新渡处!】 1镜悉、color 影響 border-color 當(dāng)只設(shè)置元素的邊框?qū)挾群蜆邮綍r(shí),邊框的顏色會...
    西山以南閱讀 2,012評論 0 5
  • "display"屬性 display 是CSS中最重要的用于控制布局的屬性医瘫。每個(gè)元素都有一個(gè)默認(rèn)的 displa...
    PYFang閱讀 291評論 0 0
  • 一侣肄、如何調(diào)試 IE 瀏覽器1、IE7以上版本的瀏覽器自帶開發(fā)者工具醇份,可以直接設(shè)置進(jìn)行調(diào)試稼锅。 五、reset.css...
    崔敏嫣閱讀 475評論 0 1
  • 1. 禁止鼠標(biāo)雙擊選中文本 2. 自定義li樣式 3. IE條件注釋 4. 圖片base64表示法 編寫插件需要使...
    blurooo閱讀 2,633評論 16 119