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

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

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元標籤。

手機如何開啟電腦版網頁,華為手機如何開啟電腦版網頁

步驟如下 1 首先,進入手機上面的任意瀏覽器。點選下方 的 三 也就是菜單鍵 2 點選頁面下方,找到左下角的 設定 選項。3 在設定介面往下滑,找到 瀏覽器ua標識 點選進去。4 這個時候在該介面一般會看見手機自動勾選的是 android 預設 5 將android 預設 改為 電腦 選項就可以了。...

如何讓手機和電腦同屏,手機如何與電腦同屏

第一種 不root,不需要安裝第三方軟體 必要條件 手機支援 多屏互動 電腦為win10系統第二種 需要安裝第三方軟體 備註 以 任易屏 投屏軟體為例,電腦支援win7 8 10系統,安卓機5.0以上系統 第三種 需要資料線,華為mate 10 插上資料線,即可完成投屏。下乙個投屏軟體就可以了,比如...

用手機開啟同頁面,4G網路是不是比3G網路更費流量?還是一樣的,但只是4G更快

4g沒有想象中那麼費流量,而且現在4g 流量優惠力度大。真心一句 如果你用4g習慣了就再也習慣不了以前的網速 流量是一樣的,知識4g比3g快很多而已,並不會多費流量 中國移動4g網路在沒有覆蓋的地方用3g網路是扣4g的 費還是3g的 費?這取決於你的手機是3g還是4g的 如果你的卡辦理的是3g的 那...