HTML網頁如何自動適應手機屏幕？在頁面代碼的頭部，添加一行view port meta標記。Viewport是網頁的默認寬度和高度。上面的代碼行表示網頁的默認寬度等于屏幕寬度（寬度=設備寬度），原始

HTML網頁如何自動適應手機屏幕？

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

不要使用絕對寬度。因為網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度布局或具有絕對寬度的元素。這個很重要。只能指定百分比寬度

相對大小字體不能使用絕對大?。≒X），只能使用相對大?。‥M）。

如何讓網頁在瀏覽器自適應屏幕大??？

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