App下載
話題 首頁(yè) > HTML 教程 > HTML 教程話題列表 > 詳情

請(qǐng)問(wèn)現(xiàn)實(shí)中網(wǎng)頁(yè)的制作,網(wǎng)頁(yè)頁(yè)面寬度會(huì)指定確定的寬度嘛?

精華
9°新一 2018-05-24 10:57:01 瀏覽(1945) 回復(fù)(4) 贊(0)
請(qǐng)問(wèn)現(xiàn)實(shí)中網(wǎng)頁(yè)的制作,網(wǎng)頁(yè)頁(yè)面寬度會(huì)指定確定的寬度嘛?比如下圖的CSDN的布局,他是如何頁(yè)面控制居中、內(nèi)容頁(yè)位置、側(cè)邊內(nèi)容的?紅色框是我框出來(lái)的。
html

回答(4)

CheneyKing 2018-05-25
  1. 現(xiàn)實(shí)網(wǎng)頁(yè)制作中,會(huì)涉及到很多東西,現(xiàn)在大多會(huì)講求響應(yīng)式設(shè)計(jì)、媒體查詢,簡(jiǎn)單說(shuō),就是寫一個(gè)界面(通過(guò)媒體查詢獲得不同設(shè)備屏幕尺寸),不僅可以完美的適應(yīng)不同尺寸的手機(jī),還可以在pad、PC端很好的顯示和使用,響應(yīng)式設(shè)計(jì)是學(xué)習(xí)時(shí)需要關(guān)注的一個(gè)重點(diǎn)。
  2. 至于你說(shuō)的 控制居中、顯示位置這些,屬于頁(yè)面布局這一塊的東西,實(shí)現(xiàn)方法有很多,包括position、float、flex、grid等等,這自然也是前端里面另一個(gè)重點(diǎn),畢竟他在很大程度上決定了頁(yè)面的框架結(jié)構(gòu)。
  3. 當(dāng)然,上面兩個(gè)問(wèn)題都可以通過(guò)bootstrap解決。 實(shí)際上,只要努力和堅(jiān)持,只用HTML、CSS、JavaScript也能解決,畢竟類似bootstrap、angular、jQuery這些庫(kù),本質(zhì)上也是HTML、CSS、JavaScript,只是說(shuō)進(jìn)行了封裝。就好比你可以點(diǎn)外賣直接吃,也可以自己買菜、洗菜、炒菜、做飯,最終的結(jié)果是一樣的。

可以用bootstrap的媒體查詢自己設(shè)定寬度,甚至先設(shè)置固定寬度,然后用定寬居中

一筆荒蕪 2018-05-31

大神在哪里呀,大神在哪里呀,大神在哪里呀.

1144100656 2018-05-31

快來(lái)解決啦!快來(lái)!快來(lái)! 快來(lái) 快來(lái)

要回復(fù),請(qǐng)先登錄 或者注冊(cè)