wordpress 想要封面隨著各種裝置挑整滿版大小

wordpress css

Chan_Z01_C05 2021-06-24 14:34:51 ‧ 1895 瀏覽

如題我在調整頁面都無法使圖片隨著畫面大小挑整尺寸
我也不太清楚要去哪裡做css的更動

麻煩各位教我怎麼去處理這部分的程式碼謝謝！

japhenchen iT邦超人 1 級 ‧ 2021-06-24 17:00:29 檢舉

要先問問你使用了什麼主題套件，才能自己從裡面下手

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-06-24 17:11:20 檢舉

我個人是使用wordpress的內建主題再透過css更改模組的位子
可是關於讓封面隨裝置大小調整的相關資訊我找不到，若是找到了無從下手
因為網路上蠻多人是使用bootstrap開發，雖然那部分我可以自己處理，可是wordpress這裏我真的找不到地方下手

直播研討會

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

直播中

不明

2021-06-25 08:36:05

最佳解答

調整頁面都無法使圖片隨著畫面大小挑整尺寸

這句話我理解成你希望透過縮放瀏覽器(或在不同寬高的裝置呈現)，使圖片隨螢幕維持固定比例
因為不太確定你的裝置是針對桌機還是移動端，如果理解錯了不好意思

這個是用W3School改的範例(拖拉白色區塊看效果)
JSFiddle
把圖片固定大小改成百分比，它就會隨瀏覽器縮放時維持設定比例(移動端大小不同也是)

(你的Selector) img {
  width: 80%;
  height: 80%;
}

正常來說它會覆蓋wordpress原本的css
這只是舉例，實際依你想呈現的方式調整

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-06-26 11:25:21 檢舉

抱歉應該說我想要封面圖片在打開時的尺寸維持剛好滿版

Chan_Z01_C05 iT邦新手 5 級 ‧ 2021-06-26 11:26:42 檢舉

謝謝你回答我!
如果你知道要怎麼處理這種情況也麻煩你教導我一下
我看到的很多辦法都是透過bootstrap製作的
最近想要嘗試看看wordpress結果反而被搞混了

不明檢舉

你可以先試試這個
Wordpress新增封面區塊
Wordpress內建的區塊編輯器，裡面可以設定滿版面

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙