寫手機端頁面的DIV CSS寬高不能定死嗎

2025-07-08 00:20:09 字數 3057 閱讀 7387

1樓:匿名使用者

也不是說不可以定死寬度,只是定死了以後,比如你做的寬度是320px,在更大或更小的螢幕上看,就不是那麼爽了。

所以一般針對手機平板都是做自適應,說白了主要技術就是尺寸用百分比。

買點書,網上看看有關自適應佈局、css**查詢的教程,如果css有基礎的話也不難。

2樓:網友

每部手機尺寸都不一樣,你怎麼定死。。。

3樓:多得多啊

不能定死,手機解像度都不一樣 width:100% 用百分比 手機頁面在電腦上訪問本來就不好看!

你可以找幾個手機端的頁面參考一下!很好做的!

4樓:丙菀

沒弄過,反正不能像普通頁面那麼定義了。

div+css的四行自適應手機端螢幕布局怎麼寫?高度、寬度為自適應100%,即為滿屏顯示

5樓:網友

*html,body

line1,.line4

line1line2

line3line4

我想你要表達是是高50吧?不太會表述,還是直接給你上**吧。

css手機版頁面製作時如何讓背景**適應div的高度和寬度

6樓:小勳愛吃肉

具體步驟如下:

1、輸入position:fixed; top: 0; left: 0;使整個div固定在螢幕的最上方和最左方。

2、輸入width:100%;height:100%; min-width:

1000px;這個可以適合div的高度和寬度,而min-width是為了實現讓螢幕寬度在1000px以內時,div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size:

cover;使**隨螢幕大小同步縮放,但是有部分可能會被裁切,不過不至於會露白,下面兩句是為chrome和opera瀏覽器作相容。

4、輸入background-position: center 0;使**的位置,居中,靠左對齊。

7樓:網友

可以使用background-size: cover來適應div元素的高度和亮度。**如下:

這裡是內容。

background-size 屬性規定背景影象的尺寸,ie9+、firefox 4+、opera、chrome 以及 safari 5+ 支援 background-size 屬性。

div+css中

標籤怎麼限制內容高度

8樓:幻翼高達

2、在中的標籤中,輸入html**:

測試p標籤的換行。

3、瀏覽器執行頁面,此時超過p標籤設定高度的內容不會被顯示。

9樓:網友

一般來講,直接定義height屬性就行。可是預設情況下容器還是會被內容給撐大,所以想要達到真正的限制高度的效果,還需要加上overflow屬性。具體示例如下:

html**:

這是測試用的文字內容,用來撐大容器高度,以測試高度是否限制成功css**:

demobox

在這裡,p標籤的高度被設定在了30px,加上overflow:hidden;之後,當內容高度超過30px時,會直接隱藏掉。

10樓:微生廷謙龍碧

我是這樣理解的,class主要用來定義網頁的效果,id是針對後臺程式的,設計製作的時候用class來寫頁面效果,程式再套用的時候會再單獨定義id,來實現程式執行。。。最好還是分開吧。。反正我是一直這麼做的。

html+css做乙個網頁 是不是先要寫出每個div的寬和高

11樓:言言言小魚

一般情況下流程如下:

根據ui切圖,從上到下。

html**也是從上到下。

不需要先寫每個div的寬和高。

寬度一般可以固定,高度一般是用內容撐起來的也就是說可以寫寬度,高度自適應。

建議先買本html+css的基礎書籍看一下,邊看邊做,進步會很快的。

12樓:泰安小五

一般高度是不給的,除非很特殊的情況。

13樓:教程資源**

```主體```

`底部```

4、主體框架佈局:

``新聞模組內容```

``產品模組內容```案例模組內容```4、模組佈局:

div+css佈局時, 可以不設定div的高度和寬度嗎?

14樓:網友

這個沒有特別的做要求,你要根據你自己的頁面整體佈局來設定,還有根據div的特性來設定,div預設情況是寬度最大化(100%)、高度最小化,高度隨著內容自動伸展;

一般情況做網頁的話,大部分都是固定了總體框架寬度的,每個模組的寬度基本上也都是固定的,所以div需要設一下寬度,如果內容也是相對固定不變的,那麼也可以設定高度。

我現在是做系統軟體的介面設計,需要軟體的介面能夠根據解像度或者瀏覽器的寬度自動伸展,所以我一般佈局的話大部分地方都是不設寬度的,最多設定一下最小寬度,防止總體框架的寬度過小導致佈局的錯位,而高度方面因為資料呼叫的問題會有資料多和資料少的時候,這樣內容部分我就不會設定高度。

我這裡只是大概的給你說一下而已,事情是沒有絕對的,你自己多多練習就能夠了解了。

15樓:網友

lp52761說的非常具體了!用多了自然就知道**可以不加**需要加!

花瓣網這樣的頁面排版div+css是怎麼寫的呢?如何寬度固定,高度不固定,自適應排版的?

16樓:拉風的小大哥

從**的效果來看,應該是用相對定位和絕對定位來寫的。這個就跟寫許願牆的頁面是一樣的。絕對定位是脫離文件流的,你想它放置在**就可以放在**。

17樓:與此相關餓

這是瀑布流 網上有現成的寫好的。

手機端頁面打不開,手機端頁面打不開

是什麼頁面呢?請問,如果是 頁面打不開的話,看看是不是 錯了,如果是別的什麼頁面打不開,檢查下網路是不是網路訊號不好,訊號不好也會出現打不開的情況。有的時候網路頁面打不開很正常,系統有時候忙碌也會打不開頁面的,可以重試一下,有時候第一次打不開,第二次就能開啟了,多試幾次,如果用的4g網,是在不行邇把...

關於手寫手機的問題 手寫手機的適應現狀更符合未來

我現在在用e,總體感覺還不錯。不過聽說moto的系統支援第方軟體較少,也就是說如果你需要安裝大量遊戲的話,很可能有一些遊戲不支援moto的系統,不過你要是不注重遊戲的話,其他方面e的功能還是很強悍的。尤其是照相方面,雖說相素只有萬,不是自動對焦,但是微距拍照很強,比w相素的手機要好。而且能連續放個小...

怎麼編寫手機作業系統,怎麼編寫手機作業系統???

windows phone 10將會推廣至相容很多安卓主流機型,你可以期待這個 這個題來目太大了。lz估計一個人完成不了源。lz首先要了解系統的原理,硬體底層驅動的編寫。如果lz只是想修改手機系統,類似於miui的,那麼題目相對小一點 這個要了解linux unix的結構和編譯,嵌入式系統的移植等。...