おしえて

ホームページのはじめのinebx ページの背景画像を画質の良いバカ大きいのを使っていて、PCでもスマ

解決済

質問者：教えてグーちょきパー
質問日時：2024/02/22 03:07
回答数：2件

ホームページのはじめのinebx ページの背景画像を画質の良いバカ大きいのを使っていて、PCでもスマホでも端っこの角しか表示されません。

これを、写真ファイルはそのままで画面内に合わせる方法はありませんか？
正方形なので横は合わせて下には繰り返しになっても構いませんが、

写真全体が使うデバイスに表示させたいです。

↓が現在のたぐです。よくわからないのですが↓これで最初のページは表示できてます。
（ちなみにHPといってもレンタルサーバー借りて物置き場にしてるのでHPの最初のページは背景画像以外要りません。リンクもなにも置いてない）

どこにサイズというかどんなキーを書けばいいですか？？

<html><head>

<title>●●●●</title>

</head>

<body background="http: ／／●●●●.png" background-size:="" contain;="" oncopy="return false;">

</body></html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

参考程度に

No.1ベストアンサー

回答者： gura_
回答日時：2024/02/22 09:59

教えてグーちょきパーさん

　････写真ファイルはそのままで画面内に合わせる方法はありませんか？･･････

この様なページを作ります。↓

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>●●●●</title>
</head>
<body style="height:100vh; background:url(https://oshiete.xgoo.jp/images/feeling/qjiro/pc/ … background-size:100% 100%; " oncopy="return false;">
</body></html>

＊画像 url は適当に差し替えて下さい。

なお、表示画像にバカでかいファイルを指定するのは百害あって一利なしです。適当にリサイズするのをお勧めします。
jpg ファイルで言えば、最大でも数百KB 以上の画像はファイルサイズをいくら大きくしても PC上の表示画質が上がるわけではありません。