制作手機(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上顯示是很正常的,也是滿(mǎn)屏的,但對(duì)于webapp而言,可能就有點(diǎn)問(wèn)題了,在iphone上我們的webapp在豎屏下通常寬度都是320,這時(shí)我們320頁(yè)面在iphone上顯示成啥效果呢?有人可能認(rèn)為iPhone不是320的寬度莫,感覺(jué)應(yīng)該是滿(mǎn)屏的吧,事實(shí)呢?我們來(lái)看一下如下布局在iPhone上的顯示情況
新聞熱點(diǎn)
疑難解答
圖片精選