html頁面是如何適應不同解析度的顯示器

時間 2021-09-10 01:49:33

1樓:八哥說科技

html頁面何適應不同解析度的顯示器可以通過:響應式佈局、自適應網頁設計等方法:

1、響應式佈局設計:

響應式佈局可以為不同終端的使用者提供更加舒適的介面和更好的使用者體驗,響應式佈局就是實現不同螢幕解析度的終端上瀏覽網頁的不同展示方式。通過響應式設計能使**在手機和平板電腦上有更好的瀏覽閱讀體驗。一個**能夠相容多個終端,而不是為了每一個終端做一個特定的版本。

2、自適應網頁設計:

自適應網頁設計(adaptive web design)指能使網頁自適應顯示在不同大小終端裝置上新網頁設計方式及技術。

2樓:任霏部落格

html頁面可採用自適應佈局或者響應式佈局。

自適應佈局,使用百分比寬度來自適應螢幕大小。

響應式佈局,使用css的@media規則,根據不用螢幕大小範圍,編寫多個css樣式,來適應多種螢幕大小。

3樓:匿名使用者

這個不用管他!

雖然每個人的顯示器有大有小, 但是,你感覺看起來會很大或者很小,只是一個視覺差而已!

各人看自己的顯示器,習慣了就好!

當你看一個很大的東西,看習慣了之後, 然後再去看一個小的東西,你會覺得很小很小, 但多看幾天, 你會覺得,其實也差不多, 這就是視覺差!

沒必要刻意的去如何的來修正, 總之,習慣了就好!

你只要把你的html的總體寬度, 弄一個比較常規的尺寸即可!

一般是960或者950, 當然, 你也可以設定為滿屏!

這是基於pc**下, 如何你是做手機**, 那一般都是滿屏, 手機瀏覽的時候, 會自動適應手機螢幕的大小!

4樓:memory丶思憶

你所說的適應,是一種響應式架構。採用html5+css3可以完美的解決。不過你才學。不建議一開始就涉及到這種層次的問題。

你可以先把頁面設定為1200px。居中。960的寬度已經過時了。

現在主要是面向客戶的思想去編寫**架構。主流顯示器都在1200+,所以,我建議你寬度設定為1200px.事實也是如此。

我們公司現在的寬度基本都定義1200px.做響應式的除外。

你說的**是正常的。你站在地上,看掉在地上的一個硬幣。會感覺還ok。

是個硬幣大小。但是你站在5樓在去看硬幣,或許你就找不到硬幣的位置了。同理。

樓主不要糾結這些事了。

5樓:匿名使用者

一般會用一張比較大的背景圖,居中,兩邊過渡到一個純色或者漸變色,body就用這個純色或者漸變色做背景

6樓:匿名使用者

簡單暴力的方法,樓主你可以試試bootstrap柵格

我想問一下在用html寫頁面的時候怎麼才能讓頁面在不同的螢幕解析度下都正常顯示

7樓:

頁面主體的寬度要固定,設定百分比頁面會隨著瀏覽器寬度變化變形,很難看

8樓:

width和min-width同時設定試試

9樓:

設定寬度為百分比形式

10樓:王勉丶

最高階的body標籤,還有最高階別的div用width:100%;可以加上padding:0px; margin:0px;

如果還不可以的話使用$(window).width()可以得到螢幕寬度畫素然後像這樣:

$(document).ready(function());

});function resizehtml()以上需要jquery支援,要匯入一下jquery.js

html頁面怎樣能夠自適應電腦螢幕寬度?

求html頁面**自動適應不同解析度螢幕的**,希望大神寫清楚一點,**應該加在**,整段**加在**

11樓:__劇情丶

**自適應螢幕瀏覽器的方法有兩種形式:

第一種也是最方便的:把**設定成百分比,用百分比來控制,比如你的格局,在div中,分兩個區域每個區域有50%大小,佔用整個螢幕的大小,然後你在一個div中的**設定100%,他只是佔了整個螢幕的50%的,如果設定50%,那麼他佔用的是25%,根據上一級的區域來設定的;這樣拖動瀏覽器的時候,也會根據瀏覽器縮放來自動變換大小;

第二種,相對來說麻煩一點,需要你來判斷,這樣的比較靈活,也可以隨著瀏覽器的大小變動字型等大小;

@media screen and (max-width:360px)}

這是給你舉個例子,當然css樣式需要你自己來寫,設定最大寬度 max-width與最小寬度min-width;上面的意思是當瀏覽器寬度小於360px的時候執行body內的css樣式

@media screen and (min-width:480px)}

這種方式是當瀏覽器寬度大雨480px的時候執行body內的css樣式

希望我的回答對你有所幫助,如果還有疑惑請繼續追問我;

如何加快HTML頁面載入速度,HTML如何優化瀏覽速度?

莫路草根 後載入,比如img標籤的src是存放的 路徑,在頁面重新整理的時候會讀取這個路徑的檔案,也就是 這樣會對頁面的開啟速度造成極大的影響,這個時候我們可以設定一個自定義屬性如 imgsrc等於原有的src的 路徑,在window.onload頁面載入完成的事件中 將imgsrc的值複製給src...

jquery是如何判斷html頁面載入完畢的它的原理是

jquery在 當 dom 文件物件模型 已經載入,並且頁面 包括影象 已經完全呈現時,會發生 ready 事件。document ready 是向window.load事件註冊事件的替代方法 即利用window.load事件.你讀一下jquery的源 就可以看到.window.addeventli...

這個靜態html頁面是如何呼叫公共頁頭頁尾的

在網上,html結尾的 網頁,有可能其本身並不是html的,這個涉及到 靜態化和偽靜態 諸如一些大型的論壇和 程式,成千上萬的頁面,不可能每次都去維護其頁面內容的。因此,通常,大家都是使用動態程式製作 分離模板,header 頁面 sidebar footer 然後使用靜態程式生成靜態快取 把動態程...