開發網站怎麼兼容手機

1. HTML網頁如何完美的適配到移動設備上

1、在已安裝的電腦桌面新建一個Word文檔（演示文稿以Office2007系列為主），然後打開新建的文檔，輸入文字。

2. 如何讓網站支持手機訪問。

網站本來就可以被手機訪問，手機只要有瀏覽器，就可以和電腦一樣瀏覽網站，為了適應用戶的觀看習慣，所以就出現了手機專用網站。
而手機網站的概念就是原有的網站，自動適應手機的界面尺寸自動變化，所以這個基本上有三種方案：
1.如果已有網站，可以為網站單獨製作一套手機訪問的模板，而數據還是調用原有網站的內容，這要看原有網站程序的適應能力。
2.已有網站的情況下，為整個網站單獨製作一套不同的系統，供手機網站訪問，而代碼中添加識別功能，電腦訪問自動跳轉原網站，如果是手機訪問自動跳轉到手機站點。
3.如果還沒有網站的情況，特別是企業公司類，可以直接找專業團隊製作新型網站系統，現在的技術可以實現，PC網站+手機站+企業微信管理+APP，四維一體統一管理的網站系統，能夠適應各種客戶端移動端和互動的需求。

3. 網站怎麼兼容手機、平板電腦、pc

你指的是怎麼兼容，是平板，手機，電腦顯示同一網站頁面以電腦版式的頁面顯示嗎？如果是這樣，手機自帶瀏覽器默認都是轉換過的頁面，平板也有些也是轉換成手機顯示，但自帶瀏覽器可以調顯示方式，是可以以電腦版網頁顯示出來的。
如果你說的是網站在手機平板能不能顯示，是否兼容，我告訴你可以的，但會少了很多東西，只留下文字內容，少量圖片，廣告之類的全沒的

4. 前端開發網站怎樣適配手機端查看

加入：<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
///////////////////
隨著高端手機(Andriod,Iphone,Ipod,WinPhone等)的盛行，移動互聯應用開發也越來越受到人們的重視，用html5開發移動應用是最好的選擇。然而，每一款手機有不同的解析度，不同屏幕大小，如何使我們開發出來的應用或頁面大小能適合各種高端手機使用呢？學習html5
viewport的使用能幫你做到這一點……

viewport 語法介紹：
<!-- html document -->
<meta name="viewport"

content="
height = [pixel_value | device-height]
,
width = [pixel_value | device-width ]
,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi
| low-dpi] "

/>

width
控制 viewport 的大小，可以指定的一個值或者特殊的值，如 device-width 為設備的寬度（單位為縮放為 100% 時的 CSS
的像素）。

height
和 width 相對應，指定高度。

target-densitydpi
一個屏幕像素密度是由屏幕解析度決定的，通常定義為每英寸點的數量（dpi）。Android支持三種屏幕像素密度：低像素密度，中像素密度，高像素密度。一個低像素密度的屏幕每英寸上的像素點更少，而一個高像素密度的屏幕每英寸上的像素點更多。Android
Browser和WebView默認屏幕為中像素密度。

下面是 target-densitydpi 屬性的 取值范圍
device-dpi –使用設備原本的 dpi 作為目標 dp。 不會發生默認縮放。
high-dpi – 使用hdpi 作為目標 dpi。 中等像素密度和低像素密度設備相應縮小。
medium-dpi – 使用mdpi作為目標 dpi。 高像素密度設備相應放大， 像素密度設備相應縮小。 這是默認的target density.
low-dpi -使用mdpi作為目標 dpi。中等像素密度和高像素密度設備相應放大。
<value> – 指定一個具體的dpi 值作為target dpi. 這個值的范圍必須在70–400之間。

<!-- html document -->
<meta name="viewport" content="target-densitydpi=device-dpi" />
<meta name="viewport" content="target-densitydpi=high-dpi" />
<meta name="viewport" content="target-densitydpi=medium-dpi" />
<meta name="viewport" content="target-densitydpi=low-dpi" />
<meta name="viewport" content="target-densitydpi=200" />
為了防止Android Browser和WebView
根據不同屏幕的像素密度對你的頁面進行縮放，你可以將viewport的target-densitydpi 設置為
device-dpi。當你這么做了，頁面將不會縮放。相反，頁面會根據當前屏幕的像素密度進行展示。在這種情形下，你還需要將viewport的width定義為與設備的width匹配，這樣你的頁面就可以和屏幕相適應。

initial-scale
初始縮放。即頁面初始縮放程度。這是一個浮點值，是頁面大小的一個乘數。例如，如果你設置初始縮放為「1.0」，那麼，web頁面在展現的時候就會以target
density解析度的1:1來展現。如果你設置為「2.0」，那麼這個頁面就會放大為2倍。

maximum-scale
最大縮放。即允許的最大縮放程度。這也是一個浮點值，用以指出頁面大小與屏幕大小相比的最大乘數。例如，如果你將這個值設置為「2.0」，那麼這個頁面與target
size相比，最多能放大2倍。

user-scalable
用戶調整縮放。即用戶是否能改變頁面縮放程度。如果設置為yes則是允許用戶對其進行改變，反之為no。默認值是yes。如果你將其設置為no，那麼minimum-scale
和 maximum-scale都將被忽略，因為根本不可能縮放。

所有的縮放值都必須在0.01–10的范圍之內。

例：
(設置屏幕寬度為設備寬度，禁止用戶手動調整縮放)
<meta name="viewport" content="width=device-width,user-scalable=no"
/>
(設置屏幕密度為高頻，中頻，低頻自動縮放，禁止用戶手動調整縮放)
<meta name="viewport"
content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

5. php網站怎樣快速改成兼容手機的站點

使用bootstrap就可以很輕易兼容手機了
如果自己寫的話，還挺麻煩的

6. 怎麼修改網站的css讓它適應手機端

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

7. 自己做了一個網站，但是在手機上打開就會亂碼，怎樣使它在手機上也兼容啊，謝謝。

你做的網站用的是什麼代碼？是否使用了框架？目前比較主流的框架boostrap可以簡單快捷的搭建自適應網站。很多公司為了保證手機網站效果更好，都會單獨製作一個手機版，在pc版head裡面加入判斷瀏覽終端的js跳轉到不同的版本。HSP.TEC網路顧問經常使用的是網路的js插件uaredirect.js，你可以試試。

8. 如何讓網站都兼容手機，PC，平板電腦

你指的是怎麼兼容，是平板，手機，電腦顯示同一網站頁面以電腦版式的頁面顯示嗎？如果是這樣，手機自帶瀏覽器默認都是轉換過的頁面，平板也有些也是轉換成手機顯示，但自帶瀏覽器可以調顯示方式，是可以以電腦版網頁顯示出來的。如果你說的是網站在手機平板能不能顯示，是否兼容，告訴你可以的，但會少了很多東西，只留下文字內容，少量圖片，廣告之類的全沒的。如果你是想讓你自己建的網站里的某些特定程序能兼容手機，平板，這個你可以找專門建網站的人，有專門做這個的。

9. 手機網站不兼容怎麼辦

把核心放在主要內容上，盡量讓網頁盡可能的簡約。不要運用過多的元素、內容設計不能過雜，確保不會彼此影響。倘若沒有利於客戶體驗的手機端網頁，可以用搜索引擎的轉碼技術，倘若有歸屬於自己的手機站，那要屏蔽轉碼技術。然而讓手機與平板等移動終端可以訪問網站相當重要，然而一個不可忽略的事實是，現在有太多的網站兼容存在問題。很多網站在某種內核下可以正常瀏覽，然而使用不同的瀏覽器就會產生錯位，或者一些代碼不能正常執行等。要知道在手機端訪問網頁，不僅跨越了瀏覽器並且是不同的系統平台，因此對網站的兼容是不小的挑戰。處理好每個細節問題，確保手機端製作的網頁能夠在不同的移動設備上正常運行。
手機屏幕不如pc端空間大，簡單出現內容不全，務必思考到兼容於多種瀏覽器。設計移動網站大小時，以滑動屏幕的方式來閱覽頁面，比不斷放大方便得多。響應式是做一個網站可以在不同解析度的設備上兼容，在電腦上看是電腦排版站，在手機上看就是手機站，適合於內容和框架比較規范的布局。手機跟電腦不同，每次打開頁面，都是要耗費流量，倘若網站打開太慢，客戶的反應就是關掉，無論網站做的怎樣精緻，用戶不會逗留。手機端網頁可以為客戶提供信息閱覽，也能協助公司和進行宣傳。具有無法比擬的優勢。

10. 如何讓網站自適應手機

關於網站如何做到自適應網頁，可根據如下操作：
首先，在網頁代碼的頭部，加入一行viewport元標簽。<metaname=」viewport」content=」width=device-width, initial-scale=1″ />viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度(width=device-width)，原始縮 放比例(initial-scale=1)為1.0，即網頁初始大小占屏幕面積的100%。
由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。
「流動布局」的含義是，各個區塊的位置都是浮動的，不是固定不變的。float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow(溢出)，避免了水平滾動條的出現。
「自適應網頁設計」的核心，就是CSS3引入的Media Query模塊。它的意思就是，自動探測屏幕寬度，然後載入相應的CSS文件。同一個CSS文件中，也可以根據不同的屏幕解析度，選擇應用不同的CSS規則。
其次，除了布局和文本，」自適應網頁設計」還必須實現圖片的自動縮放。有條件的話，最好還是根據不同大小的屏幕，載入不同解析度的圖片。有很多方法可以做到這一條，伺服器端和客戶端都可以實現。