Html5+css3手機網站是當(dang)今網(wang)絡行業的(de)主流(liu),這(zhe)是一項高端大(da)氣的(de)前沿技術。其實(shi)手(shou)機網(wang)站開發,一類(lei)是用框架開發的(de),另一類(lei)是自(zi)己手(shou)寫手(shou)機網(wang)站 。
一、框架類網站
目前前端(duan)最(zui)火的框架有BootStrap、Jquery、mobile…。BootStrap自帶響應式(shi)布局,而且有著移動設(she)備優(you)先(xian)的原(yuan)則(ze)。
Bootstrap有著自(zi)帶的UI樣(yang)式,為不會UI設計和程序(xu)員提供了方便。而(er)且(qie)可以做到(dao)一次(ci)開(kai)發,就可以適(shi)配所(suo)有終端,還提供了很多豐富的插件(jian),就算你不會寫(xie)JS,只(zhi)要看的懂常見的API,網(wang)站效果(guo)就不會差。
二、手寫手機網站
手寫手機網站(zhan)可以(yi)通過(guo)在網頁頭部添加meta標(biao)簽(qian)來實現。下面我們來看看需要添加哪些meta標(biao)簽(qian)。
1、 viewport標簽
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />用于標記用戶(hu)是否可以(yi)綻放(fang)頁面,如果可以(yi),綻放(fang)的比(bi)例是多少。
2、 禁止將數字變(bian)為(wei)電話號碼
<meta name="format-detection" content="telephone=no" />
一(yi)般情況(kuang)下,IOS和Android系統都會(hui)默(mo)認(ren)某長度(du)內的(de)數字(zi)為電話號碼(ma),即使不加也(ye)是會(hui)默(mo)認(ren)顯示為電話的(de),so,取(qu)消這個很(hen)有必要!
3、iphone設備中(zhong)的(de)safari私有meta標簽
<meta name="apple-mobile-web-app-capable" content="yes" />
它表示:允許全(quan)屏模式瀏(liu)覽,隱藏瀏(liu)覽器導航欄(lan)
4、iphone的私有(you)標簽
<meta name="apple-mobile-web-app-status-bar-style" content="black">
它(ta)指定(ding)的iphone中safari頂端的狀態條的樣(yang)式(shi)
其實移動網站并不像大家(jia)想(xiang)象的那么(me)難,只要有一點前端知道就(jiu)可(ke)以做(zuo)。
校(xiao)園跑腿(tui)app開發要(yao)具備什么條件?校(xiao)園跑腿(tui)業(ye)...
對于不少大學生來講,平時(shi)吃(chi)飯離(li)不開(kai)(kai)一些校(xiao)園(yuan)跑腿外賣類app軟件,而且校(xiao)園(yuan)跑腿app之所以能夠吃(chi)得開(kai)(kai),就是因(yin)為學生...
2023-11-30
教育app應該(gai)怎樣(yang)提升用戶體驗呢(ni)?...
互(hu)聯網的(de)快(kuai)速發展,對(dui)傳統(tong)的(de)教(jiao)育方式產生了很(hen)大的(de)影響。學(xue)生借(jie)助線上學(xue)習平(ping)臺,更(geng)快(kuai)捷、方便(bian)地學(xue)習;教(jiao)師(shi)通過線上...
2023-10-10
在線教育(yu)類APP怎么樣才能做好(hao)呢?...
隨著時代的發(fa)展,傳統(tong)教育培(pei)訓機構(gou)在移動互聯網沖擊下(xia),很(hen)多企業都開始轉(zhuan)型定制開發(fa)在線教育類(lei)APP軟件,尤(you)其2020...
2023-10-09
北京教育類app開發,助力行業進(jin)一步數字化(hua)轉...
AIGC是指(zhi)生(sheng)成(cheng)式人(ren)(ren)工智(zhi)(zhi)能(neng),是以往(wang)人(ren)(ren)工智(zhi)(zhi)能(neng)技術的(de)集(ji)大成(cheng)者,推動了人(ren)(ren)工智(zhi)(zhi)能(neng)進入2.0時(shi)代(dai),算法的(de)迭代(dai)更(geng)新(xin)使得(de)AIGC技...
2023-10-08