HTML網(wǎng)頁如何自動(dòng)適應(yīng)手機(jī)屏幕？在頁面代碼的頭部，添加一行view port meta標(biāo)記。Viewport是網(wǎng)頁的默認(rèn)寬度和高度。上面的代碼行表示網(wǎng)頁的默認(rèn)寬度等于屏幕寬度（寬度=設(shè)備寬度），原始

HTML網(wǎng)頁如何自動(dòng)適應(yīng)手機(jī)屏幕？

在頁面代碼的頭部，添加一行view port meta標(biāo)記。Viewport是網(wǎng)頁的默認(rèn)寬度和高度。上面的代碼行表示網(wǎng)頁的默認(rèn)寬度等于屏幕寬度（寬度=設(shè)備寬度），原始比例（初始比例=1）為1.0，這意味著網(wǎng)頁的初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個(gè)設(shè)置，包括IE9

不要使用絕對(duì)寬度。因?yàn)榫W(wǎng)頁會(huì)根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對(duì)寬度布局或具有絕對(duì)寬度的元素。這個(gè)很重要。只能指定百分比寬度

相對(duì)大小字體不能使用絕對(duì)大?。≒X），只能使用相對(duì)大小（EM）。

如何讓網(wǎng)頁在瀏覽器自適應(yīng)屏幕大??？

如果要調(diào)整網(wǎng)頁寬度，需要將網(wǎng)頁元素的寬度設(shè)置為百分比，并在網(wǎng)頁頭部添加代碼：< metaname=“viewport”content=“width=device width，initial scale=1.0”/>。圖像自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下：IMG{寬度：100%最大值-寬度：100%}。