怎麼使height自適應螢幕100 ,寬度可以,高度必須自動撐開?

2025-06-15 15:20:09 字數 2259 閱讀 2524

1樓:昌e電腦

height:100%是參考上級div的高度。撐開是高度沒設定成固定的。

如何是div的高度100%,使用height:100%是不行的,我是為了讓乙個div層充滿整個螢幕,螢幕有高,div層就有

2樓:稍微何人

雖然不知道你還用不用,但是我還是給你吧,最簡單的就是:把「height:100%」改成:

height:100vh」,原理:vh是百分比的英文縮寫,可能某些命令要英文才能識別吧。

3樓:網友

html,body

div剛查到的div父層是html和body,它們預設的高度為auto,所以只更改div的高度為100%是不對的,需要設定html,body它們的高度為100%才可以全屏。

4樓:網友

要清楚100%的含義,這個含義是在父容器中100%,而不是螢幕的100%

這裡只是佔div1的100%

理解了這個就知道怎麼改了吧。

5樓:網友

js獲取瀏覽器的可見部分的寬度和高度,然後賦值給div。

6樓:交龍兄

你好,你這樣試一下:

#onediv

ie6不相容)

希望對你有幫助,再見。

7樓:翅膀的初衷

最簡單,用js去控制就行了。

8樓:網友

height 100% 不行是因為這個div的父級元素 height 沒有設定100% 或者 這個div到根元素 即html標籤的其中某個或幾個沒有設定 100% 而且要主要去掉各瀏覽器預設得內外邊距。

怎麼讓div的高度自適應螢幕的高度

9樓:網友

div1

div2a1適應寬度,a2適應高度和寬度。

怎麼讓div的高度自適應螢幕的高度

10樓:yx陳子昂

div1

div2a1適應寬度,a2適應高度和寬度。

dreamwe**er 如何讓**的寬自適應螢幕大小,高度隨寬度成比例顯示

11樓:匿名使用者

1、插入一張 **。

2、設定**樣式,img

div css佈局網頁如何實現網頁自動適應螢幕高度和寬度

12樓:天祺

網頁裡面的寬度是可以用百分比決定的,可以設定這個容器的寬度佔螢幕寬度的百分之多少,但是因為百分比的寬度是要有參考物件的,所以在設定百分比的寬度時,要先設定body的寬度為100%。

照你的要求:一屏分為兩欄顯示,那麼用兩個div來做,乙個div的寬度就是50%,兩個在一起就正好100%了,如果你想這兩個div之間有間距,那麼就設定寬度為48%就行,具體自己把握,然後設定左邊的div左浮動,右邊的div右浮動即可。

高度是可以設定固定畫素的,比如乙個div的寬度為48%,高度為50px都行的,可以混用,只要記住使用百分比定義寬高長度就要設定對應的body的寬高為100%就行了。

13樓:工作上的不平衡

margin:0 auto;

height:100%;

還有你的問題沒有針對性,不知道你具體問的是什麼。

div css佈局網頁如何實現網頁自動適應螢幕高度和寬度

14樓:胡李斌

html和body高度寬度設定為100%;

在裡面的塊級元素設定為百分比佈局。

15樓:網友

首先得需要知道需不需要做相容處理,如果不需要相容ie9以下,可以用css3的vw和vh屬性加上浮動設定,比如。left...

16樓:網友

對元素的的屬性進行設定,或者間距 margin:auto auto;可以居中,pading-left...等等還可以使用百分比進行位置的相對設定。

17樓:網友

左邊右邊。

左邊的寬度右邊的寬度你自己定。

18樓:網友

百分比佈局。 或者用 bootstrap的柵格佈局。

19樓:

網頁的寬度就按%來做。

自適應網頁設計怎麼製作,網頁設計中,如何讓頁面自適應手機端?

隨著行動網路的廣泛應用,現在很多人已經習慣於手機上網。手機上網固然便捷,但是對於 設計師而言,卻又得面臨新的難題 如何才能在不同大小的裝置上呈現同樣的網頁 手機和電腦的顯示是有很大差別的,以前用電腦開啟 是很正常的,但是很可能在手機上的顯示就非常的不適於人閱讀。很多 的解決方法,是為不同的裝置提供不...

自適應的繁體字怎麼寫,全的繁體字怎麼寫

自適應繁體 自bai適應。繁體字du被百zhi度遮蔽了,給你dao發 吧。注回意 自 字繁體字無變化。答 為 適應 兩個字的的繁體字。已通知提問者對您的回答進行採納,請稍候 設定你的輸入法,自己按 全的繁體字怎麼寫 全沒有繁體字。解析 全 沒有經過簡化,為傳承字。所謂的繁體字版還是 全 權 繁體字 ...

PS開啟的大圖拖到的小畫布上怎麼自適應畫布大小

你是什麼版本的ps?cs6 cc2014 cc2015 cc2015.5 都是拖入進來直接先是智慧物件,自動適配當前文件尺寸。fireworks 幫到你 ps cs6把 拖到畫布中畫布怎樣拉長啦?怎樣做 才不變形?下面給出使用ps擴大畫布 及縮放不變形的方法 所需材料 ps cs6演示。一 首先開啟...