0

現在、特定の投稿のアイキャッチ画像をヘッダーの全幅背景画像として呼び出しています。これを動的に行うために、HTML のループ内に CSS を挿入しました。

これはラップトップ/デスクトップではうまく機能しますが、何らかの理由で画像が 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>
4

2 に答える 2

0

物件をご利用いただけbackground-sizeます。

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

また

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

background-size の詳細については、MDN を参照してください。

于 2013-10-18T09:07:33.137 に答える
0

あなたの HTML が何かはわかりませんが、CSS メディア クエリの実行方法を知っていると思います。次のようなものを試すことをお勧めします

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

これにより、画像がフィーチャー内の画像の幅 (および高さ) の 80% に縮小されます。div

HTML やウェブサイトなどの追加のコードを提供してください。私はおそらくもっとうまくあなたを助けることができます。

于 2013-07-12T22:06:01.223 に答える