[CSS]菜單長度縮放

css

mayyola 2018-08-08 14:09:16 ‧ 1863 瀏覽

大家好:

想請問menu要怎麼當視窗網頁縮放，每個圖案方塊還在同一排(區間往內縮)，
我是把width調成從160px轉16.6%，但往內縮後圖會被遮住..謝謝
最近問題有點多>"<

.hde_menu >li{
    width: 16.6%;
    height:49px;
    float:left;
    position: relative;
}

子菜單的長度要怎麼調整剛好呢(我是把每個子菜單用px處理..)
https://jsfiddle.net/pcy62zgr/315/

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2018-08-08 14:16:45 檢舉

看不懂你要幹嘛。

柯柯 iT邦新手 2 級 ‧ 2018-08-08 14:26:02 檢舉

menu 覺得用圖片很麻煩用文字去作吧
用文字做menu 響應式會比較方便
看了一下妳們的系網沒有響應式的概念

mayyola iT邦研究生 1 級 ‧ 2018-08-08 16:15:18 檢舉

已OK了~

窮嘶發發發 iT邦高手 1 級 ‧ 2018-08-09 11:56:14 檢舉

請參考 BOOTSTARP 的做法
實際上這一段要根據PC 跟手機寫兩段
PC 的每個 LI 要設定最小寬度，當段落寬度小於顯示寬度時
要自動進入手機板，
有些嚴謹的公司甚至會寫五六段來適應不同的解析度

mayyola iT邦研究生 1 級 ‧ 2018-08-09 17:11:41 檢舉

謝謝!大致上完成..

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22209 篇

完賽人數

600 人

IT邦幫忙