第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

窗口較小或在移動(dòng)設(shè)備上時(shí)響應(yīng)標(biāo)題 - 有創(chuàng)意

窗口較小或在移動(dòng)設(shè)備上時(shí)響應(yīng)標(biāo)題 - 有創(chuàng)意

郎朗坤 2022-12-09 17:00:19
我在一個(gè)網(wǎng)站上工作,但我不知道如何制作響應(yīng)式標(biāo)題。我制作了一個(gè)版本,我正在加載標(biāo)頭或移動(dòng)標(biāo)頭,這是 2 個(gè)不同的組件,但我認(rèn)為它完全沒用?,F(xiàn)在,我有下面的標(biāo)題當(dāng)窗口太小而無法顯示所有這些和/或在移動(dòng)設(shè)備上時(shí),我希望有一個(gè)動(dòng)態(tài)/響應(yīng)行為。我想讓圖像從桌面開始:到(當(dāng)屏幕、窗口較小以在一行中顯示所有內(nèi)容時(shí),我可能還會(huì)使用媒體來更改一些?移動(dòng)設(shè)備的 UI 字體大?。┙又矣幸环N感覺,它應(yīng)該這么難。我在https://codesandbox.io/s/dazzling-cache-q7t4g添加了一個(gè) ling ,但它似乎不起作用。但是,如果方便的話,您可以只使用 3 個(gè)文本 Part1、Part2 和 Part 3 制作示例。其中 Part1 是徽標(biāo),Part2 是搜索,Part3 是菜單。在我的示例中很容易重用它。任何想法 ?問候
查看完整描述

1 回答

?
千巷貓影

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

我已經(jīng)為你寫了一些 css 來解決響應(yīng)問題,檢查這里的代碼,全屏查看然后調(diào)整你的瀏覽器大小,它不會(huì)在任何時(shí)候中斷,

您需要做的就是使用媒體查詢。

 @media (max-width: 991px) {

  .header-search-container {

    margin-right: auto;

  }

}

  @media (max-width: 650px) {

  .header-search-container {

    order: 1;

    margin-top: 20px;

    max-width: 100%;

  }

}

上面的 CSS 只是您使用媒體查詢的示例,可以根據(jù)需要更改任何內(nèi)容。


查看完整回答
反對 回復(fù) 2022-12-09
  • 1 回答
  • 0 關(guān)注
  • 88 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號