商標(biāo)注冊 版權(quán)登記 專利申請 商標(biāo)買賣 商標(biāo)駁回復(fù)審 撤銷連續(xù)三年不使用 專利年費代繳 專利評估 專利交易
高新技術(shù)企業(yè)認定 增值電信業(yè)務(wù) ISO體系認證 CMMI軟件成熟度認證 專精特新企業(yè)認定 新技術(shù)新產(chǎn)品
殘保金解決方案 人力資源外包服務(wù) 五險一金標(biāo)準(zhǔn)服務(wù) 北京工作居住證開戶 辦理咨詢服務(wù)
首先我們要將自適應(yīng)網(wǎng)頁代碼上做出調(diào)整,阻止移動瀏覽器自動調(diào)整頁面大小,iOS和Android瀏覽器都基于webkit核心,這兩種瀏覽器以及其他的很多瀏覽器都支持viewport meta元素覆蓋默認的畫布縮放設(shè)置,只需在HTML的<head>標(biāo)簽中插入一個<meta>標(biāo)簽,<meta>標(biāo)簽中可以設(shè)置具體的寬度(如像素值)或者縮放比例2.0。
然后要將網(wǎng)頁修改為百分比布局,當(dāng)某個瀏覽窗口處于媒體查詢固定的范圍之外,網(wǎng)頁就需要水平滾動才能完整瀏覽,而通過百分比布局可以頁面元素根據(jù)窗口大小在一個又一個媒體查詢之間靈活修正樣式,具體來講,就是css代碼不會指定具體像素寬度,而是會指定一個百分比寬度,或者直接就是width:auto。
最后在講講響應(yīng)式網(wǎng)站對百度友好的關(guān)鍵點,
1.applicable-device標(biāo)注應(yīng)該怎么寫
有了自適應(yīng)設(shè)計的網(wǎng)頁,還要照顧到對百度友好的設(shè)計,即告訴百度“我是自適應(yīng)頁面”方便百度進行識別校驗。方法也很簡單,只要在上面viewport標(biāo)簽下面再添加一個applicable-device標(biāo)簽就行:
<meta name="applicable-device" content="pc,mobile">表示頁面同時適合在移動設(shè)備和PC上進行瀏覽。
2.在使用百度站長平臺鏈接提交工具的sitemp進行提交時,要做mobile type標(biāo)記,具體取值:
<mobile:mobile type="pc,mobile"/>
其他網(wǎng)頁取值如下:
<mobile:mobile/> :移動網(wǎng)頁
<mobile:mobile type="mobile"/> :移動網(wǎng)頁
<mobile:mobile type="htmladapt"/>:代碼適配
本文章來自于快幫云:企業(yè)網(wǎng)站設(shè)計
文章內(nèi)容來源于網(wǎng)絡(luò),侵刪
關(guān)注公眾號
在線客服