iT邦幫忙

2

HTML / CSS 版面問題

https://imgur.com/a/5zcu6da

先上圖

這是我幫朋友做的網頁
但不知道哪出了問題,這個跑馬燈到一定程度後就不會跟網頁一起伸展了
找了半天都找不到...
麻煩有經驗的大大幫我解惑


https://ithelp.ithome.com.tw/upload/images/20190227/20115664uBeIMJIn5d.png

跑馬燈的css改成這樣解決了
感謝各路大大的協助

註冊單 iT邦新手 4 級 ‧ 2019-02-26 19:47:26 檢舉
你是要塞什麼跑馬燈
淺水員 iT邦大師 6 級 ‧ 2019-02-26 20:41:59 檢舉
他應該是說輪播的那塊,在寬度比較大的狀況會靠左對齊
redyo iT邦新手 5 級 ‧ 2019-02-27 08:23:52 檢舉
是的,謝謝2樓解釋
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
watercool
iT邦新手 5 級 ‧ 2019-02-27 09:26:36
最佳解答

測試了一下
應該是因為你的banner的圖太小
你試著把你banner的background的no-repeat的css拿掉
應該就會看出來了

redyo iT邦新手 5 級 ‧ 2019-02-27 10:27:40 檢舉

謝謝你的回覆

拿掉no-repeat變這樣:
https://imgur.com/a/b7W7fEC

沒拿是這樣:
https://imgur.com/a/030aq82

圖片尺寸是2880x1620

redyo iT邦新手 5 級 ‧ 2019-02-27 10:29:09 檢舉

我在想如果跑馬燈置中的話好像也能變相解決這個問題

redyo iT邦新手 5 級 ‧ 2019-02-27 11:59:59 檢舉

已解決,謝謝

0
Cian
iT邦新手 5 級 ‧ 2019-02-26 22:11:12

聽你這樣的描述大概是包 slider 的容器吃到 max-width
打開 devtool 看一下吃到哪個 class 的 max-width

redyo iT邦新手 5 級 ‧ 2019-02-27 08:23:24 檢舉

因為我做的是RWD,所以我在想是不是因為我螢幕解析度太高,所以視窗開太大後就會這樣

redyo iT邦新手 5 級 ‧ 2019-02-27 08:28:47 檢舉

我是1920x1080 32寸螢幕
剛剛換到1366x768 開全視窗就都沒問題/images/emoticon/emoticon20.gif

redyo iT邦新手 5 級 ‧ 2019-02-27 12:00:07 檢舉

已解決,謝謝

我要發表回答

立即登入回答