DIV CSS怎樣解決在不同螢幕大小下的顯示問題,我做的老師被覆蓋 重疊

時間 2021-09-10 01:48:31

1樓:匿名使用者

單純的用哪一種css寫法是不能夠實現的,百分比也只能解決部分問題,有些問題百分比還是解決不了。這些問題尤其在ie6中更為嚴重。

如果你要想實現不能解析度下效果實現統一,最好的辦法就是用兩套css。

你上面說的京東實際上它用了兩套css檔案,例如京東的產品頁,在1280以下解析度下頁面的寬度為980,而在1280以上解析度的顯示器上寬度設定的是1200。

你看一下產品頁的源**就知道,裡面那些

if (_sw >= 1280)

if (screen.width>=1280)標籤當中,如果瀏覽器不支援js,那麼直接載入預設的這套css資料夾。但是如果瀏覽器支援js,那麼他就會判斷顯示器解析度的寬度if (screen.

width>=1280),然後再載入相應的css。

2樓:匿名使用者

直接不要設定width和higth的值為固定值,設定成百分比的形式,之後就可以自動根據螢幕大小自適應了。

舉例:內容1

;內容2

;此時兩個div的總寬度就是當前螢幕的寬度了,可以根據實際需要適當的調整下。

3樓:灰原亞美

用百分比定義相對寬高

4樓:

用百分比定義寬高可以解決

5樓:匿名使用者

不同螢幕解析度不一樣可以講頁面的內容都設為百分比的形式

css如何設定不同螢幕寬度時某個div容器裡顯示不同的**?

6樓:靈風清隱渡

中間這句bai

話,必須要

**的話寫個寬dao

度,高度自動。專如果是背景圖屬的話,就不一樣

7樓:陳小姐的大耳朵

html:

css:

@media (min-width:768px).two

}@media (max-width:768px).two}

css如何控制 2個div 的 部分 重疊在一起 並將其中一個div的內容固定顯示在上層

8樓:匿名使用者

重疊在一起需要改變預設的佈局方式,將其中一個顯示在上層需要設定深度順序,這兩點分別用如下樣式完成

position: absolute; /*設定為絕對定位*/z-index:999;        /*設定重疊的上下次序,值越大月在上方*/

示例如下

建立html元素

我是絕對定位,並且重疊在上方

我是預設定位

設定css樣式

div.top

div.top div

div.a

div.b

觀察顯示效果

9樓:隱技術

重疊在一起 可以用margin負值控制。哪個層在上方可以用z-index屬性

10樓:匿名使用者

在css中設定一下position:absolute; z-index:10000;就行了

11樓:匿名使用者

分別設定外部div為相對定位,內部容器為絕對定位

12樓:ai嬌露

可以用定位 position

在div css中,不同的寬度使用不同的樣式,如何實現

卷陽炎 你說的是相應式佈局嗎 要是那樣的話 用css的 查詢即可 沒必要真js jq之類的複雜查詢 large desktop media min width 1200px portrait tablet to landscape and desktop media min width 768px ...

華為榮耀七手機螢幕失靈了怎樣解決

原因有以下幾種 1 有可能系統的bug,可以刷一下官方最新出的rom。2 如果刷後沒解決的話,那就是觸屏的問題了,解決方法入下 拿去售後請專業的工程師測試維修。如果在網上買的可以直接申請售後維修。3 關閉手機,取出電池,手機靜置五分鐘左右。4 找一根usb資料線,連線手機。5 把自己的手弄濕,濕手狀...

華為榮耀七手機螢幕失靈了怎樣解決

原因有以下幾種 1 有可能系統的bug,可以刷一下官方最新出的rom。2 如果刷後沒解決的話,那就是觸屏的問題了,解決方法入下 拿去售後請專業的工程師測試維修。如果在網上買的可以直接申請售後維修。3 關閉手機,取出電池,手機靜置五分鐘左右。4 找一根usb資料線,連線手機。5 把自己的手弄溼,溼手狀...