對于以前建的獨(dú)立的PC網(wǎng)站，怎么將快速改為自適應(yīng)網(wǎng)站呢？有以下幾種方法：

• 單獨(dú)制作手機(jī)網(wǎng)站版面，然后使用代碼進(jìn)行判斷PC端還是手機(jī)端；
• 根據(jù)BOOTSTRAP教程，使用BOOTSTRAP框架制作自適應(yīng)手機(jī)網(wǎng)站；
• 使用CSS的media來判斷PC端還是手機(jī)端，從而應(yīng)用不同的CSS樣式；

這三種方法都可以實(shí)現(xiàn)自適應(yīng)網(wǎng)站，對于一個老網(wǎng)站，最快速實(shí)現(xiàn)自適應(yīng)網(wǎng)站的方法應(yīng)該是第三個。下面學(xué)做網(wǎng)站論壇介紹一下我們自己建網(wǎng)站時怎么將PC網(wǎng)站改為自適應(yīng)網(wǎng)站的方法。

方法/步驟

1. 打開自己網(wǎng)站頭部文件，一般是header.php，在<title>標(biāo)簽上面放以下的代碼：

   
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
   
   <meta name="format-detection" content="telephone=no">
   
   <meta name="apple-mobile-web-app-capable" content="yes">
   
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   
   

2. 同樣在網(wǎng)站頭部文件，在</head>標(biāo)簽上面放以下的CSS引用代碼，并且修改CSS的路徑；

   
   <link href="/mobile.css" type="text/css" rel="stylesheet" media="screen and (max-width:768px)">
   
   

3. 在自己的網(wǎng)站CSS文件夾里，新建一個mobile.css，這個CSS就是控制手機(jī)站的樣式的。
4. 在mobile.css書寫控制自己手機(jī)網(wǎng)站的CSS樣式代碼（自行書寫）。

通過引用一個CSS文件，自動判斷PC端還是手機(jī)端適用不同的CSS文件，實(shí)現(xiàn)快速將PC網(wǎng)站改為自適應(yīng)網(wǎng)站，并且不會對原有的PC網(wǎng)站有任何影響。如果你是一個新網(wǎng)站，就不必這么麻煩了，直接學(xué)習(xí)自適應(yīng)手機(jī)網(wǎng)站制作課程制作自適應(yīng)網(wǎng)站。

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

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