iT邦幫忙

0

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

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

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

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

1 個回答

0
dexingadm
iT邦新手 5 級 ‧ 2021-06-25 08:36:05
最佳解答

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

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

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

  1. 如果你wordpress有使用子佈景主題,可以直接在封面的圖片那塊修改
  2. 如果沒有,可以在wordpress內建的css區塊加上
(你的Selector) img {
  width: 80%;
  height: 80%;
}

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

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

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

dexingadm iT邦新手 5 級 ‧ 2021-06-28 17:38:29 檢舉

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

我要發表回答

立即登入回答