1樓：lucia珠蚌
頁面自適應螢幕的方法（以下字母及標點為***碼）：
無論是電腦還是手機，要做到自適應螢幕，其實都是一樣的。
首先，在網頁**的頭部，加入一行viewport標籤 viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小佔螢幕面積的100%。即讓viewport的寬度等於物理裝置上的真實解析度，不允許使用者縮放。
其次：網頁寬度css一定要使用百分比width: xx%;，不能用絕對畫素。
當然可以用width:auto;
第三，流動佈局 .left
第四，選擇載入css 這是自適應的關鍵部分 .abc @media screen and (min-width: 1201px) } /* 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */ @media screen and (max-width:
1200px) } /* 設定了瀏覽器寬度不大於1200px時 abc 顯示900px寬度 */ @media screen and (max-width: 901px) } /* 設定了瀏覽器寬度不大於901px時 abc 顯示200px寬度 */ @media screen and (max-width: 500px) } /* 設定了瀏覽器寬度不大於500px時 abc 顯示100px寬度 */ 需要注意是css**順序，由大到小排版css（判斷瀏覽器寬度越大越放前），這樣是因為邏輯關係，@media 判斷css排錯將導致判斷失效。
第五、採用相對字型大小 字型也不能使用絕對大小（px），而只能使用相對大小（em）。 這裡最重要的，是第三條和第四條，也就是採用流動佈局和css選擇載入。
2樓：速算與巧算
無論是電腦還是手機，要做到自適應螢幕，其實都是一樣的。
首先，在網頁**的頭部，加入一行viewport標籤
viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小佔螢幕面積的100%。即讓viewport的寬度等於物理裝置上的真實解析度，不允許使用者縮放。
其次：網頁寬度css一定要使用百分比width: xx%;，不能用絕對畫素。當然可以用width:auto;
第三，流動佈局
.left
第四，選擇載入css
這是自適應的關鍵部分
.abc
@media screen and (min-width: 1201px)
/* 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */
@media screen and (max-width: 1200px)
/* 設定了瀏覽器寬度不大於1200px時 abc 顯示900px寬度 */
@media screen and (max-width: 901px)
/* 設定了瀏覽器寬度不大於901px時 abc 顯示200px寬度 */
@media screen and (max-width: 500px)
/* 設定了瀏覽器寬度不大於500px時 abc 顯示100px寬度 */
需要注意是css**順序，由大到小排版css（判斷瀏覽器寬度越大越放前），這樣是因為邏輯關係，@media 判斷css排錯將導致判斷失效。
第四，**自適應
img老版本的ie不支援max-width，所以只好寫成：img
篳五、採用相對字型大小
字型也不能使用絕對大小（px），而只能使用相對大小（em）。
這裡最重要的，是第三條和第四條，也就是採用流動佈局和css選擇載入。祝你好運！
3樓：澤澤
按照比例縮小，手機一般640寬。
4樓：金岸
以下**設定了最小和最大縮放比例，然後使用者可以調整縮放比例和移動頁面在網頁的中增加一個meta標籤：
其中：width=device-width ：表示寬度是裝置螢幕的寬度
initial-scale=1.0：表示初始的縮放比例minimum-scale=0.
5：表示最小的縮放比例maximum-scale=2.0：
表示最大的縮放比例user-scalable=yes：表示使用者是否可以調整縮放比例另外如果想要一開啟網頁，以原始比例顯示，並且不允許使用者拖動和放大縮小的話，則是：
這個我理解的是移動裝置開啟以pc站原始頁面顯示，並且不允許縮放，也不能按住移動頁面
如何新增css讓頁面自適應手機螢幕 200
5樓：匿名使用者
首先，在網頁**的頭部，加入一行viewport標籤。
viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小佔螢幕面積的100%。即讓viewport的寬度等於物理裝置上的真實解析度，不允許使用者縮放。
其次：網頁寬度css一定要使用百分比width: xx%;，不能用絕對畫素。當然可以width:auto;
第三，流動佈局.left
第四，選擇載入css這是自適應的關鍵部分.abc @media screen and (min-width: 1201px) }/* 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */@media screen and (max-width:
1200px) }
設定了瀏覽器寬度不大於1200px時 abc 顯示900px寬度 */@media screen and (max-width: 901px) } /* 設定了瀏覽器寬度不大於901px時 abc 顯示200px寬度 */@media screen and (max-width: 500px) }
設定了瀏覽器寬度不大於500px時 abc 顯示100px寬度 */ 需要注意是css**順序，由大到小排版css（判斷瀏覽器寬度越大越放前），這樣是因為邏輯關係，@media 判斷css排錯將導致判斷失效。
6樓：崗褘賀
無論是電腦還是手機，要做到自適應螢幕，其實都是一樣的。
首先，在網頁**的頭部，加入一行viewport標籤
viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小佔螢幕面積的100%。即讓viewport的寬度等於物理裝置上的真實解析度，不允許使用者縮放。
其次：網頁寬度css一定要使用百分比width: xx%;，不能用絕對畫素。當然可以用width:auto;
第三，流動佈局
.left
第四，選擇載入css
這是自適應的關鍵部分
.abc
@media screen and (min-width: 1201px)
} /* 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 */
@media screen and (max-width: 1200px)
} /* 設定了瀏覽器寬度不大於1200px時 abc 顯示900px寬度 */
@media screen and (max-width: 901px)
} /* 設定了瀏覽器寬度不大於901px時 abc 顯示200px寬度 */
@media screen and (max-width: 500px)
} /* 設定了瀏覽器寬度不大於500px時 abc 顯示100px寬度 */
需要注意是css**順序，由大到小排版css（判斷瀏覽器寬度越大越放前），這樣是因為邏輯關係，@media 判斷css排錯將導致判斷失效。
第四，**自適應
img老版本的ie不支援max-width，所以只好寫成：img
篳五、採用相對字型大小
字型也不能使用絕對大小（px），而只能使用相對大小（em）。
這裡最重要的，是第三條和第四條，也就是採用流動佈局和css選擇載入。祝你好運！
如何通過兩個路由器把兩個PC（PC0和PC1）ping通
假設 ip地址規劃如下 pc1 192.168.1.0 24 router1 192.168.2.0 24 router2 192.168.3.0 24 pc2 pc1上設定閘道器為 192.168.1.1 router1配置 inte ce f0 0 ip address 192.168.1.1 ...
如何把遊戲徹底刪除，如何把一個遊戲徹底刪除？
在控制面版裡點新增 刪除檔案,然後就找到你要刪除的遊戲,點刪除就行了,這就是徹底刪除 徹底刪除的話 找到你安裝遊戲時候的那個路徑，遊戲可能會在解除安裝後遺留一些資料夾，刪除這些資料夾，就差不多啦，至於你說的無法啟動，最大的可能是遊戲本身的問題.這種情況一般是遊戲存檔沒有放在遊戲資料夾，而是放在我的文...
如何把很悲觀的人改變成樂觀的人，如何把一個很悲觀的人改變成一個樂觀的人？
你好朋友 愛是關懷而不是寵愛 愛是相互交融而不是單相思 愛是百味而不全是甜蜜.包容所有的一切，包容那過往的故事，包容那曾經的快樂回憶與憂傷感受。愛是有人在你不開心或開心的時候為你分享,可以時刻守侯在你身邊與你分享每一天的人 是讓彼此卜舍 讓彼此傷痛 讓彼此幸福 淚總是莫名其妙的落下 愛，是哪怕是在一...