的Wordpress：調用功能的圖像作爲背景圖片自定義大小

Question

我目前正在調用功能圖像的特定訊息。至於標題全寬背景圖像。爲了動態執行此操作，我已將CSS插入HTML中的循環中。

這筆記本/桌面上的偉大工程，但由於某種原因，圖像不結垢的iPad - 他們走出巨大。

是否有可能添加尺寸爲圖像（即：寬度：768px）以下？然後，我可以用CSS媒體查詢對其進行調用，以便在iPad上查看時以此大小加載。

background-image: url("<?php echo $image[0]; ?>"); 

感謝

添加HTML代碼：

<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single- post-thumbnail'); ?> 

<style> 
.issue-header { 
background-image: url("<?php echo $image[0]; ?>"); 
} 
</style> 

Answer 1

我不知道你的HTML是什麼，我假設你知道如何運行一個CSS媒體查詢。我會建議您嘗試像下面

#featured img{ 
    width: 80%; (or pixels if you prefer) 
} 

這將縮小圖片的特色div

內的任何圖像的80％的寬度（和高度）請提供進一步的代碼，比如HTML或者可能你網站。我可以更好地幫助你。

Answer 2

可以使用background-size屬性。

.issue-header { 
background-size: 200px 200px; 
} 

或

.issue-header { 
background-size: cover; 
} 

See MDN for more info on background-size。