Wordpress : 사용자 정의 크기의 배경 이미지로 추천 이미지 호출

Question

현재 특정 게시물의 추천 이미지를 헤더의 전체 너비 배경 이미지로 부르고 있습니다. 이 작업을 동적으로 수행하기 위해 CSS의 루프를 HTML에 삽입했습니다.

이것은 랩톱/데스크톱에서 훌륭하게 작동하지만 이미지가 iPad 용으로 확장되지 않은 이유는 무엇입니까?

이미지의 크기 (예 : 너비 : 768px)를 다음에 추가 할 수 있습니까? 그런 다음 iPad에서 볼 때 CSS 미디어 쿼리를 사용하여이 크기로로드 할 수 있습니다.

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 미디어 쿼리를 실행하는 방법을 알고 있으리라 믿고있어 모르겠어요. 나는 같은 추가 코드를 입력하십시오이이 기능을 div

내 모든 이미지의 80 % 폭 (높이)까지 이미지 크기를 조정합니다 다음

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

같은 시도 제안 HTML 또는 아마도 당신을 웹 사이트. 아마도 당신을 훨씬 더 잘 도와 줄 수 있습니다.

Answer 2

background-size 속성을 사용할 수 있습니다.

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

또는

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

See MDN for more info on background-size

.