如何讓網頁和手機開啟同頁面時顯示自適應效果

2021-06-26 09:46:03 字數 773 閱讀 5714

1樓:寶爸

首先,在網頁**的頭部,加入一行viewport元標籤。

viewport是網頁預設的寬度和高度,上面這行**的意思是,網頁寬度預設等於螢幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小佔螢幕面積的100%。

所有主流瀏覽器都支援這個設定,包括ie9,對於那些老式瀏覽器(主要是ie6、7、8),需要使用css3-mediaqueries.js。

2、不使用絕對寬度由於網頁會根據螢幕寬度調整佈局,所以不能使用絕對寬度的佈局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,css**不能指定畫素寬度:

width:*** px;

只能指定百分比寬度:width: xx%;或者width:auto;

3、相對大小的字型

字型也不能使用絕對大小(px),而只能使用相對大小(em)。

body

上面的**指定,字型大小是頁面預設大小的100%,即16畫素。

h1 然後,h1的大小是預設大小的1.5倍,即24畫素(24/16=1.5)。

small

small元素的大小是預設大小的0.875倍,即14畫素(14/16=0.875)。

2樓:匿名使用者

在網頁的選項選單裡有「設定」-「縮放模式」/「適應螢幕」這兩個選項,不同手機大同小異,你自己看需要選吧。

3樓:回家看了

網頁**的頭部,加入一行viewport元標籤。

手機網頁顯示不完整怎麼辦,手機內開啟的頁面,顯示不全怎麼回事?

這說明網頁沒有適配手機版,或者它壓根就是電腦版,你在手機上面開啟介面自然不完整,推薦換成uc瀏覽器,可以自動轉換網頁版本。首先從口袋掏出你的手機,然後用出你吃奶的力氣朝天上扔去,落地如果沒散架 恭喜你可以進行下一步。抬起你尊貴的右腳 朝著它狂踩1000下,如果還沒爛那你可以接著用了。如果爛了去手機專...

如何保證瀏覽器的頁面中,在每次開啟網頁新視窗後,仍然讓原

你說的我有些沒有聽明白,但是ie設定就兩個選項,你選擇看看你需要哪個 請看下面 在ie7或ie8的工具 internet 選項中的 選項卡 設定 遇到彈出視窗時 點選 始終在新選項卡中開啟彈出視窗 按確定。在ie7或ie8的工具 internet 選項中的 選項卡 設定 遇到彈出視窗時 點選 始終在...

手機上網時頁面顯示找不到網頁怎麼辦

很多人喜歡用上機上網,可是在手機上網時,經常會出現頁面無法顯示,那該怎麼辦呢?方法 步驟 1 頁面無法顯示,最有可能的原因就是你的網路訊號不好或者不穩定,你看著滿格,其實是虛擬存在的,並不是真正的滿格。這種情況下,你等一會或者找個訊號好的地方就可以了。2 在一個就是你 的網頁中有大量的大圖,而你的手...