移動(dòng)端web頭部header通用寫(xiě)法_PHP教程
Jul 12, 2016 am 08:54 AM
移動(dòng)端web頭部header通用寫(xiě)法
1.head部分 通用寫(xiě)法；網(wǎng)上也有，不過(guò)有的可有有的可無(wú)；原理是兼容IOS透明欄目等問(wèn)題，再者就是viewport（關(guān)鍵）<ol style="margin:0 1px 0 0px;padding-left:40px;" start="1" class="dp-css"><li><head lang="en"><br /></li><li><meta charset="UTF-8"><br /></li><li><br /></li><li><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><br /></li><li><br /></li><li><meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-title" content=""><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-capable" content="yes"/><br /></li><li><br /></li><li><meta name="apple-mobile-web-app-status-bar-style" content="black"/><br /></li><li><br /></li><li><meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"><br /></li><li><br /></li><li><meta name="format-detection" content="telphone=no, email=no"/><br /></li><li><br /></li><li><meta http-equiv="Pragma" content="no-cache"><br /></li><li><meta http-equiv="Cache-Control" content="no-cache"><br /></li><li><meta http-equiv="Expires" content="0"><br /></li><li><title>web前端-馬樂(lè)</title><br /></li><li></head></li></ol>
2.引入引用flexible.js；這是淘寶的兼容解決方案，最大到5.5寸；用的時(shí)候把viewport去掉，flexible.js會(huì)動(dòng)態(tài)添加；
主要講一下用法，網(wǎng)上的講的太細(xì)卻使很多網(wǎng)友沒(méi)懂；flexible.js只有4K，作用是：
1.動(dòng)態(tài)改寫(xiě) 標(biāo)簽
2.給 元素添加 data-dpr 屬性，并且動(dòng)態(tài)改寫(xiě) data-dpr 的值
3.給 元素添加 font-size 屬性，并且動(dòng)態(tài)改寫(xiě) font-size 的值
接下來(lái)就可以用了，若你的圖示640的 就設(shè)置1rem=64px如果是750的就設(shè)置1rem=75px；比如320X240的banner，那么就換算成5remX3.75rem(640為例)
下載地址http://www.w3cfuns.com/misc.php?mod=attach&genre=file&aid=1cec8fecbbaf2bf347f2a749486a6525
參考博文：http://www.w3cfuns.com/notes/20813/fecbb840a2574cf712a8625f88a7ab3a.html
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線(xiàn)上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門(mén)話(huà)題
新報(bào)告對(duì)傳聞中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相機(jī)升級(jí)進(jìn)行了嚴(yán)厲的評(píng)估
Sep 12, 2024 pm 12:23 PM
最近幾天，Ice Universe 不斷披露有關(guān) Galaxy S25 Ultra 的詳細(xì)信息，人們普遍認(rèn)為這款手機(jī)將是三星的下一款旗艦智慧型手機(jī)。除此之外，洩密者聲稱(chēng)三星只計(jì)劃升級(jí)一臺(tái)相機(jī)
三星 Galaxy S25 Ultra 洩漏了第一張渲染圖，傳聞中的設(shè)計(jì)變化被曝光
Sep 11, 2024 am 06:37 AM
OnLeaks 現(xiàn)在與 Android Headlines 合作，首次展示了 Galaxy S25 Ultra，幾天前，他試圖從他的 X（以前的 Twitter）粉絲那裡籌集到 4,000 美元以上的資金，但失敗了。對(duì)於上下文，嵌入在 h 下面的渲染圖像
IFA 2024 | TCL 的 NXTPAPER 14 在性能上無(wú)法與 Galaxy Tab S10 Ultra 相媲美，但在尺寸上幾乎可以與之媲美
Sep 07, 2024 am 06:35 AM
除了發(fā)布兩款新智慧型手機(jī)外，TCL 還發(fā)布了一款名為 NXTPAPER 14 的新 Android 平板電腦，其大螢?zāi)怀叽缡瞧滟u(mài)點(diǎn)之一。 NXTPAPER 14 採(cǎi)用 TCL 標(biāo)誌性品牌霧面液晶面板 3.0 版本
Vivo Y300 Pro 在 7.69 毫米纖薄機(jī)身中配備 6,500 mAh 電池
Sep 07, 2024 am 06:39 AM
Vivo Y300 Pro剛剛?cè)媪料?，它是最薄的中階Android手機(jī)之一，配備大電池。準(zhǔn)確來(lái)說(shuō)，這款智慧型手機(jī)厚度僅為 7.69 毫米，但配備 6,500 mAh 電池。這與最近推出的容量相同
三星 Galaxy S24 FE 預(yù)計(jì)將以低於預(yù)期的價(jià)格推出，有四種顏色和兩種記憶體選項(xiàng)
Sep 12, 2024 pm 09:21 PM
三星尚未就何時(shí)更新其 Fan Edition (FE) 智慧型手機(jī)系列提供任何提示。目前來(lái)看，Galaxy S23 FE 仍然是該公司的最新版本，於 2023 年 10 月年初推出。
iQOO Z9 Turbo Plus：可能增強(qiáng)的系列旗艦產(chǎn)品已開(kāi)始預(yù)訂
Sep 10, 2024 am 06:45 AM
OnePlus的姊妹品牌iQOO的2023-4年產(chǎn)品週期可能即將結(jié)束；儘管如此，該品牌已宣布 Z9 系列的開(kāi)發(fā)尚未結(jié)束。它的最終版，也可能是最高端的 Turbo+ 變體剛剛按照預(yù)測(cè)發(fā)布。時(shí)間
新報(bào)告對(duì)傳聞中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相機(jī)升級(jí)進(jìn)行了嚴(yán)厲的評(píng)估
Sep 12, 2024 pm 12:22 PM
最近幾天，Ice Universe 不斷披露有關(guān) Galaxy S25 Ultra 的詳細(xì)信息，人們普遍認(rèn)為這款手機(jī)將是三星的下一款旗艦智慧型手機(jī)。除此之外，洩密者聲稱(chēng)三星只計(jì)劃升級(jí)一臺(tái)相機(jī)
小米紅米 Note 14 Pro Plus 上市，成為首款配備 Light Hunter 800 相機(jī)的高通 Snapdragon 7s Gen 3 智慧型手機(jī)
Sep 27, 2024 am 06:23 AM
Redmi Note 14 Pro Plus 現(xiàn)已正式成為去年 Redmi Note 13 Pro Plus 的直接後繼產(chǎn)品（亞馬遜售價(jià) 375 美元）。正如預(yù)期的那樣，Redmi Note 14 Pro Plus與Redmi Note 14和Redmi Note 14 Pro一起成為Redmi Note 14系列的主角。李
