制作手機(jī)版網(wǎng)站的時(shí)候，除了頁(yè)面簡(jiǎn)潔、操作方便等訪問(wèn)者可以看到的地方以外，就是 Meta 標(biāo)簽的設(shè)置，合理設(shè)置 Meta 標(biāo)簽 對(duì)手機(jī)版網(wǎng)站的搜索引擎優(yōu)化，手機(jī)瀏覽器的渲染展示都有非常大的幫助。對(duì)于桌面平臺(tái)web布局中大家對(duì)meta標(biāo)簽再熟悉不過(guò)了，它永遠(yuǎn)位于 head 元素內(nèi)部，對(duì)做SEO的朋友一定對(duì)meta有種特殊的感情吧，今天我們就來(lái)說(shuō)說(shuō)移動(dòng)平臺(tái)的meta標(biāo)簽，在移動(dòng)平臺(tái)meta標(biāo)簽究竟有哪些神奇的功效呢？ 
1、Meta 之 viewport 
說(shuō)到移動(dòng)平臺(tái)meta標(biāo)簽，那就不得不說(shuō)一下viewport了，那么什么是viewport呢？ 
viewport即可視區(qū)域，對(duì)于桌面瀏覽器而言，viewport指的就是除去所有工具欄、狀態(tài)欄、滾動(dòng)條等等之后用于看網(wǎng)頁(yè)的區(qū)域 
。對(duì)于傳統(tǒng)WEB頁(yè)面來(lái)說(shuō)，980的寬度在iphone上顯示是很正常的，也是滿屏的，但對(duì)于webapp而言，可能就有點(diǎn)問(wèn)題了，在iphone上我們的webapp在豎屏下通常寬度都是320，這時(shí)我們320頁(yè)面在iphone上顯示成啥效果呢？有人可能認(rèn)為iPhone不是320的寬度莫，感覺(jué)應(yīng)該是滿屏的吧，事實(shí)呢？我們來(lái)看一下如下布局在iPhone上的顯示情況 
 

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表