很多網(wǎng)站之前只制作了唯一的PC端網(wǎng)站，沒有做自適應(yīng)手機(jī)網(wǎng)站，這樣用戶訪問網(wǎng)站時，就會顯示PC端版面，導(dǎo)致在手機(jī)端只能顯示出網(wǎng)站的一部分。如下圖：

如何解決PC網(wǎng)站在手機(jī)端顯示不全的問題呢？下面學(xué)做網(wǎng)站論壇為廣大學(xué)習(xí)網(wǎng)站制作課程的學(xué)員提供二種方法：

方法一：制作一個與PC端網(wǎng)站內(nèi)容同步的手機(jī)端網(wǎng)站，自動識別手機(jī)與電腦，顯示相應(yīng)的網(wǎng)站版面。方法見：自適應(yīng)手機(jī)網(wǎng)站制作課程

如：學(xué)做網(wǎng)站論壇就是制作了一個與PC網(wǎng)站內(nèi)容完全同步的手機(jī)網(wǎng)站版面，可以自動識別瀏覽者的瀏覽設(shè)備。

方法二：使用meta name="viewport" 屬性來強(qiáng)制PC端網(wǎng)站在手機(jī)端顯示的尺寸。

方法很簡單，只需要將下面的代碼放到自己PC網(wǎng)站代碼的</head>標(biāo)簽上方即可。

<meta name="viewport" content="initial-scale=0.3, maximum-scale=0.5, minimum-scale=0.3, user-scalable=yes">

讓我們自己放了這段代碼后，PC網(wǎng)站用手機(jī)打開時的樣子，PC網(wǎng)站在手機(jī)端顯示正常了。

標(biāo)簽： 代碼 網(wǎng)站制作

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。