検索語「PICT: webp_test_01.webp」の検索結果[2件]
webp画像投稿テスト
※ここの横幅最大値:300px
どうもwebp画像は設定で手動サイズ指定しても最大幅設定が効かないっぽい? 公式サポート掲示板のwebpが小さく表示されているのは、標準スキンcss側でmax-heightが指定されているからか
webpにも最大設定効かせようとすると多分jpgやpngとの兼ね合いが…まあいいか、はみ出してはいないようだし
※ここの横幅最大値:300px
どうもwebp画像は設定で手動サイズ指定しても最大幅設定が効かないっぽい? 公式サポート掲示板のwebpが小さく表示されているのは、標準スキンcss側でmax-heightが指定されているからか
webpにも最大設定効かせようとすると多分jpgやpngとの兼ね合いが…まあいいか、はみ出してはいないようだし
FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
/* 画像サムネイル */
.deco-thumb {
display: grid;
grid-template-columns: repeat(auto-fit,80px);
gap: 5px;
}
.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}
こっちのがいいかな(幅いっぱいに並べられるだけ並べて100px以下になると折り返す)
/* 画像サムネイル 2*/
.deco-thumb2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px,1fr));
gap: 5px;
}
.deco-thumb2 :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}
※画面幅いじってみると挙動がわかりやすいです