サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
Onlytest
id:Onlytest
●
137
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
AWS
(1)
●
Android
(2)
●
Arduino
(1)
●
COVID-19
(2)
●
Cookie
(1)
●
DB(3)
●
DeepLearning
(1)
●
Google
(2)
●
Interview
(1)
●
IoT
(2)
●
JavaScript ゲーム開発
(1)
●
MySQL
(3)
●
NAVERまとめ
(1)
●
NLP
(2)
●
Netflix オードリー 若林
(1)
●
Qiita
(8)
●
RDBMS
(1)
●
SQL
(1)
●
TikTok
(1)
●
UI(7)
●
UX(3)
●
Webデザイン
(4)
●
accessibility
(1)
●
ai医療
(1)
●
amazon
(2)
●
ces
(1)
●
css
(1)
●
database
(2)
●
design
(5)
●
ec(2)
●
english
(3)
●
game
(2)
●
git
(1)
●
github
(1)
●
google ニュース
(1)
●
html
(1)
●
img
(1)
●
instagram
(1)
●
laravel
(1)
●
life
(1)
●
line
(1)
●
mixhost
(1)
●
music
(2)
●
php
(1)
●
programming
(4)
●
session
(1)
●
sns
(2)
●
togetter
(1)
●
twitter
(4)
●
web
(12)
●
webdesign
(2)
●
webサービス
(19)
●
web制作
(2)
●
welq
(1)
●
wikipedia
(1)
●
youtube
(2)
●
zozotown
(1)
●
あとで読む
(24)
●
つらい
(1)
●
アプリ
(6)
●
アンチパターン
(3)
●
アーキテクチャ
(1)
●
インターネット
(4)
●
インフレ
(1)
●
エディタ
(1)
●
エリート
(1)
●
エンジニア
(10)
●
オブジェクト指向
(1)
●
オーサーランク
(1)
●
キュレーション
(3)
●
グルメ
(1)
●
グーグル検索
(1)
●
ケーキ
(1)
●
ゲーム
(3)
●
コミュニケーション
(3)
●
サーバ さくら heroku aws
(1)
●
サーバ代
(1)
●
サービス
(7)
●
スイーツ
(1)
●
スタートアップ
(1)
●
ツール
(1)
●
テーブル
(1)
●
デザイン
(13)
●
デザインパターン
(1)
●
デフレ
(1)
●
データベース
(2)
●
トランプ
(1)
●
ニート
(1)
●
ネタ
(2)
●
ネタバレ
(1)
●
ネット
(3)
●
バンド
(1)
●
ファッション
(1)
●
フィルタリング
(1)
●
フォント
(1)
●
フリル
(1)
●
フレームワーク
(1)
●
プログラミング
(26)
●
プログラミング言語
(1)
●
プログラム
(1)
●
ボタン
(2)
●
マネジメント
(1)
●
マーケティング
(3)
●
メディア
(1)
●
ライン認証
(1)
●
ランチ
(2)
●
ルッキズム
(1)
●
レスポンシブ
(1)
●
レビュー
(1)
●
レンダリング
(1)
●
ロゴ
(2)
●
ワクチン
(1)
●
三国無双
(1)
●
人生
(2)
●
人間関係
(1)
●
仕事
(3)
●
会話
(1)
●
佐々木俊尚
(1)
●
制御工学
(1)
●
勉強
(2)
●
動画
(1)
●
医療
(1)
●
匿名
(1)
●
命名
(2)
●
命名規則
(3)
●
問題解決
(1)
●
変数名
(1)
●
学習
(2)
●
広告
(1)
●
心理
(3)
●
技術
(6)
●
教育
(5)
●
日本
(4)
●
暮らし
(1)
●
書評アプリ
(1)
●
検索
(3)
●
機械学習
(1)
●
機械学習AIデータサイ
(1)
●
機械学習AIバイアス
(1)
●
漫画
(2)
●
無思考型サービス
(1)
●
素材
(1)
●
経営
(1)
●
考え方
(5)
●
聴力
(1)
●
自然言語処理
(2)
●
英語
(4)
●
著作権
(1)
●
設計
(5)
●
読み物
(1)
●
起業
(2)
●
距離学習
(1)
●
通販サイト
(1)
●
量子コンピュータ
(1)
●
開発
(11)
●
音楽
(2)
●
食
(2)
●
食べログ
(1)
●
食べログ グルメアプ
(1)
●
飲食店
(2)
●
飲食店 コロナ
(1)
●
飲食業
(1)
●
プログラミング
(26)
●
あとで読む
(24)
●
webサービス
(19)
●
デザイン
(13)
●
web
(12)
●
開発
(11)
●
エンジニア
(10)
●
Qiita
(8)
●
UI(7)
●
サービス
(7)
関連タグで絞り込む (4)
●
html
●
img
●
あとで読む
●
レスポンシブ
タグの絞り込みを解除
cssに関するOnlytestのブックマーク (1)
●
757 users
●
parashuto.com
●テクノロジー
そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400" alt="画像の説明"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般的︵？︶になっていました。また、widthとheight属性が記述してあってもCSSでwidth: 100%; height: auto;が指定されているとレイアウトシフトが発生してしまっていました。 参考‥ img要素のサイズ属性の記述の有無についてのTwitterのアンケート なんでいまさら？ なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか
Onlytest
2020/07/02
●レスポンシブ
●img
●html
●css
●あとで読む
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
︻2020年夏︼imgタグにはwidthとheight属性を書くのがいいらしい