約玩搶座概念產(chǎn)品需求文檔(編輯修改稿)
2025-07-21 06:47 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 vicewidth,initialscale=,maximumscale=,userscalable=no name=viewport//主要I是強(qiáng)制讓文檔的寬度與設(shè)備寬度保持1:1，禁止屏幕縮放。 meta content=yes name=applemobilewebappcapable//這個(gè)也是iphone私有標(biāo)簽，允許全屏瀏覽。 meta content=black name=applemobilewebappstatusbarstyle//iphone的私有標(biāo)簽，iphone頂端狀態(tài)條的樣式。 meta content=telephone=no name=formatdetection//禁止數(shù)字自動(dòng)識(shí)別為電話號(hào)碼，這個(gè)比較有用，因?yàn)橐淮當(dāng)?shù)字在iphone上會(huì)顯示成藍(lán)色，樣式加成別的顏色也是不生效的。 meta content==no name=formatdetection webkit表單元素的默認(rèn)外觀怎么重置 .css{webkitappearance:none。} （ios上的下拉框會(huì)有圓角，所以要寫borderradius:0） 在input框獲得焦點(diǎn)時(shí)文字被清空用value 在input框輸入文字時(shí)被清空用placeholder webkit表單輸入框placeholder的文字能換行么？ios可以，android不行~,在textarea標(biāo)簽下都可以換行~ html,body{ overflow: hidden。/*手機(jī)上寫overflowx:hidden。會(huì)有兼容性問(wèn)題，如果子級(jí)如果是絕對(duì)定位有運(yùn)動(dòng)到屏幕外的話ios7系統(tǒng)會(huì)出現(xiàn)留白*/ webkitoverflowscrolling:touch。/*流暢滾動(dòng),ios7下會(huì)有滑一下滑不動(dòng)的情況，所以需要寫上*/ position:realtive。/*直接子級(jí)如果是絕對(duì)定位有運(yùn)動(dòng)到屏幕外的話，會(huì)出現(xiàn)留白*/ } 手機(jī)上的flex布局時(shí)會(huì)有兼容性問(wèn)題，只用新版本的會(huì)出現(xiàn)安卓手機(jī)不識(shí)別的現(xiàn)象 .box{ display: webkitbox。 /* 老版本語(yǔ)法: Safari, iOS, Android browser, older WebKit browsers. */ display: mozbox。 /* 老版本語(yǔ)法: Firefox (buggy) */ display: msflexbox。 /* 混合版本語(yǔ)法: IE 10 */ display: webkitflex。 /* 新版本語(yǔ)法: Chrome 21+ */ display: flex。 /* 新版本語(yǔ)法: Opera , Firefox 22+ */ } .boxli{ webkitboxflex: 。 boxflex: 。 webkitflex: 。 flex: 1。 width: 0。/*解決兼容性問(wèn)題*/ } 輸入框的兼容性解決 input[type=text], input[type=date], input[type=tel], input[type=], input[type=password]{ webkitappearance: none。 display: block。 width: 100%。 height: 。 lineheight:normal。/*手機(jī)上的lineheight不能寫成和height的值一樣，會(huì)出現(xiàn)再次輸入光標(biāo)靠上的現(xiàn)象*/ background: none。 fontsize: 。 paddingleft: 。 borderradius: 0。 webkitborderradi
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號(hào)-1