傳統(tǒng)的網(wǎng)站在電腦上可以正常顯示瀏覽,但是隨著智能手機(jī)的普及,手機(jī)屏幕的寬度和電腦不是一個(gè)級(jí)別,會(huì)帶來(lái)顯示不方便的問題,通常有2種解決方案,一種是建設(shè)專門的手機(jī)網(wǎng)站;另一種是改進(jìn)原有的網(wǎng)站,當(dāng)然很多人為了方便,選擇第二種方案,下面針對(duì)第二種方案進(jìn)行介紹合肥網(wǎng)站建設(shè)中網(wǎng)頁(yè)寬度自動(dòng)適應(yīng)手機(jī)屏幕的方法:
主要是在網(wǎng)頁(yè)中加入meta信息:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
參數(shù)介紹:
width=device-width :表示寬度是設(shè)備屏幕的寬度
initial-scale=1.0:表示初始的縮放比例
minimum-scale=0.5:表示最小的縮放比例
maximum-scale=2.0:表示最大的縮放比例
user-scalable=yes:表示用戶是否可以調(diào)整縮放比例
如果是想要一打開網(wǎng)頁(yè),則自動(dòng)以原始比例顯示,并且不允許用戶修改的話,則是:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
這樣整個(gè)頁(yè)面在設(shè)備上就原樣顯示了。
合肥開拓科技,為您提供營(yíng)銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、軟件開發(fā)以及軟件定制等服務(wù)http://fpzbbrv.cn,聯(lián)系QQ:2324139718