響應式表單怎麼用html和css寫

2021-03-04 06:39:26 字數 1457 閱讀 2063

1樓:sunhao風流

自己就可以寫。如果是html5.你可以試試@media,根據螢幕大小修改css。也可以使用width的百分制,高度可以auto,也可以固定。例如;

,自己在頁面裡面試試。

2樓:匿名使用者

網上有很多現有的框架,但是最火的是bootstrap

3樓:

用bootstrap

響應式布局是怎麼回事 只能用html5跟css3寫**嗎 能用html跟css寫嗎

4樓:匿名使用者

響應式布局就是根據瀏覽器顯示區域大小不同顯示不同的樣式,比如說你的瀏覽器是電腦1366*768就顯示寬屏布局(如左右布局),如果是手機寬480px,就顯示適用於手機的布局(如上下布局)。

響應式布局和一般是使用css3的@media屬性,設定當瀏覽器寬度不同時就呼叫不同的css。

以前,一般都是使用js來判斷瀏覽器是手機端還是pc端,是手機端的話就用手機端的css或整個頁面跳轉到專門的手機**,是pc端就使用pc端css。但是現在移動端更豐富了,手機螢幕大小不一,還有pad等介於中間的螢幕大小,所以就有了響應式布局這個更適用於移動網際網路的概念產生。

5樓:匿名使用者

響應式布局就是乙個**能夠相容多個終端——而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。

響應式布局可以為不同終端的使用者提供更加舒適的介面和更好的使用者體驗,而且隨著目前大螢幕移動裝置的普及,用「大勢所趨」來形容也不為過。

響應式布局主要運用的是css3中的media query特性,在移動瀏覽器及現代高階瀏覽器中都有較好的支援,對於老版本的瀏覽器,使用html4.0+css2.1無法滿足需求。

響應式布局是一種全新的概念,低版本瀏覽器不能原生支援。

請問各位高手,我在寫乙個html的時候,想用響應式的css @media,但是不知道為什麼總是沒有效果

6樓:你瞞我瞞陳廣

media是規定媒介型別的,預設是screen,此外還有print, 輸出到印表機;

projection,提

交到投影機;

aural,揚聲器;

braille,提交到凸字觸覺感知裝置;

tty,電傳打字機 (使用固定的字型);

tv,電視機;

all,所有輸出裝置

--以上是傳統的說明,實際上除了規定這些之外,你還可以用@media來設定不同解析度下的不同樣式形式。

比如,你設定了頁面的max-width(最大寬度)為960px在傳統的用法中,不管它在什麼樣的解析度下,都會這樣表達。

但是你現在完全可以用media來規定,當瀏覽寬度大於1000px的時候,max-width為960px

而在手機,比如ip4s上,可以讓其max-width為480px之類的。

html中div標籤怎麼用

div現在一般網頁的布局都是使用的div css來布局,div的話,就是通過。div的巢狀使用來完成整個網頁的布局,你可以將div理解成乙個乙個的塊,然後在div塊中寫入p等等標籤,然後再通過css來修飾就行了,如高度,寬度,背景。test usemen usemen 一般都說是乙個層,就是可以理解...

html中type hidden 怎麼用最好詳細點

舉例如下 1 第一步,建立html和css檔案並將其彼此關聯,如下圖所示,然後進入下一步。2 其次,完成上述步驟後,在此處建立三個span標籤作為示例 如下圖所示,然後進入下一步。3 接著,完成上述步驟後,display none 能夠使元素消失並騰出空間,如下圖所示,然後進入下一步。4 然後,完成...

怎麼用JS給HTML標籤新增內容

一般用jquery,我是這麼做 下面這個html5 類的,用的data 屬性。class attr data 如果是新增class的話 class addclass yourclass 大概就這樣吧。希望能幫到你 用js給html標籤新增內容,首先我們需要做的就是獲取到要新增的元素,一般是通過給這個...