サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
suika3417
id:suika3417
●
2,104
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
ネタ
(2)
●
*あとで見る
(1)
●
*あとで読む
(12)
●
*セキュリティ
(1)
●
AI(10)
●
API
(11)
●
Aurora
(3)
●
CDN
(1)
●
ChatGPT
(1)
●
Copilot
(2)
●
DB(8)
●
DDD
(3)
●
DNS
(2)
●
Dropbox
(1)
●
Edge
(1)
●
Electron
(1)
●
GAFA
(1)
●
GitHub
(5)
●
Github Actions
(1)
●
GraphQL
(4)
●
HTML
(3)
●
IBM
(1)
●
IDE
(1)
●
IPv4
(1)
●
IPv6
(1)
●
IT(5)
●
IntelliJ
(1)
●
JSDoc
(1)
●
JSON
(1)
●
JWT
(1)
●
JetBrains
(2)
●
Kafka
(1)
●
LINE
(1)
●
Laravel
(6)
●
Microsoft
(1)
●
OAuth
(1)
●
PHP 8.1
(1)
●
Pixel
(1)
●
PlayStation2
(1)
●
PostgreSQL
(3)
●
Qiita
(17)
●
SQL
(2)
●
SRE
(1)
●
SSL
(2)
●
SVG
(1)
●
StableDiffusion
(1)
●
TDD
(4)
●
TypeScript
(5)
●
UX(2)
●
Unicode
(1)
●
VSCode
(4)
●
Vue
(4)
●
WSL
(1)
●
Web API
(1)
●
Webサービス
(5)
●
amazon
(1)
●
aws
(18)
●
cloud
(2)
●
cookie
(1)
●
cron
(1)
●
css
(12)
●
debug
(1)
●
design
(2)
●
docker
(10)
●
dockerfile
(1)
●
framework
(2)
●
git
(5)
●
google
(1)
●
jQuery
(1)
●
javascript
(15)
●
js(7)
●
kotlin
(2)
●
logging
(1)
●
mysql
(8)
●
nginx
(2)
●
npm
(1)
●
oreilly
(2)
●
outlook
(1)
●
php
(15)
●
phpstorm
(1)
●
ps2
(1)
●
python
(4)
●
react
(10)
●
rest
(1)
●
s3
(1)
●
security
(8)
●
ssh
(2)
●
vite
(1)
●
vue.js
(5)
●
web
(10)
●
windows
(2)
●
あとで読む
(387)
●
おもしろい
(1)
●
これはすごい
(4)
●
これはひどい
(6)
●
これは怖い
(1)
●
どうでもいい
(2)
●
なごみ
(1)
●
やる気
(1)
●
わかる
(2)
●
アイデア
(1)
●
アジャイル
(2)
●
アップデート
(1)
●
アニメーション
(1)
●
アーキテクチャ
(2)
●
インタビュー
(1)
●
インターネット老人会
(1)
●
インフラエンジニア
(1)
●
エンジニア
(16)
●
オブジェクト指向
(2)
●
ガントチャート
(1)
●
ゲーム
(1)
●
ゲームエンジン
(1)
●
ゲーム技術
(1)
●
コミュニケーション
(2)
●
コードレビュー
(2)
●
サイバー攻撃
(1)
●
シェルスクリプト
(2)
●
システム開発
(3)
●
システム障害
(3)
●
スポーツ
(2)
●
セキュリティ
(49)
●
ソフトウェアデザイン
(1)
●
タイポグラフィ
(1)
●
チート
(1)
●
チームマネジメント
(1)
●
ツール
(5)
●
テスト
(3)
●
テスト技法
(1)
●
デザイン
(6)
●
デザインパターン
(2)
●
データベース
(1)
●
トラブル
(2)
●
ドキュメント
(1)
●
ドメイン
(3)
●
ドメイン駆動設計
(2)
●
ネタ
(69)
●
ヒューマンエラー
(1)
●
ビジネスモデル
(1)
●
ファッション
(1)
●
フリーランス
(2)
●
フロントエンド
(3)
●
ブコメしたいだけ
(2)
●
ブラウザ
(3)
●
プログラミング
(10)
●
プログラム
(2)
●
プロジェクト管理
(3)
●
プロ野球
(1)
●
マイクロサービス
(2)
●
マネジメント
(10)
●
マンガ
(1)
●
メッセージング
(1)
●
ライブラリ
(4)
●
リモートワーク
(1)
●
レスポンシブ
(1)
●
ログ
(2)
●
ロボット
(1)
●
ローソン
(1)
●
今日のバカ
(1)
●
仕事
(3)
●
会社
(3)
●
便利
(1)
●
個人開発
(1)
●
元号
(1)
●
勉強
(5)
●
司法
(1)
●
嗜好品
(1)
●
地獄
(1)
●
宗教
(1)
●
家族
(1)
●
富野由悠季
(1)
●
工作
(1)
●
差額ベッド代
(1)
●
広告
(1)
●
心理
(7)
●
怖いネット
(1)
●
思考
(3)
●
性癖
(1)
●
怪談
(1)
●
恋愛
(1)
●
情報
(1)
●
技術
(5)
●
教科書
(1)
●
料理
(1)
●
書籍
(3)
●
本環やらかしAdvent2019
(1)
●
東京
(1)
●
機械学習
(2)
●
欧州
(1)
●
気になる
(1)
●
犯罪
(2)
●
画像生成
(1)
●
監視
(1)
●
研修
(2)
●
社会
(1)
●
筋肉Advent Calendar
(1)
●
組織論
(1)
●
続きが気になる
(1)
●
考え方
(22)
●
脆弱性
(2)
●
表現の自由
(1)
●
表現規制
(1)
●
裁判
(1)
●
解説
(1)
●
言いたいだけ
(1)
●
設計
(19)
●
読みもの
(1)
●
読み物
(2)
●
論文
(1)
●
講座
(1)
●
警察
(3)
●
負荷対策
(2)
●
資料
(2)
●
資格
(2)
●
賞味期限
(1)
●
転売
(1)
●
運用
(5)
●
釣り堀
(1)
●
開発
(29)
●
雑記
(1)
●
音声
(1)
●
音声合成
(1)
●
食べ物
(2)
●
あとで読む
(387)
●
ネタ
(69)
●
セキュリティ
(49)
●
開発
(29)
●
考え方
(22)
●
設計
(19)
●
aws
(18)
●
Qiita
(17)
●
エンジニア
(16)
●
javascript
(15)
関連タグで絞り込む (1)
●
css
タグの絞り込みを解除
レスポンシブに関するsuika3417のブックマーク (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年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか
suika3417
2020/07/02
●css
●レスポンシブ
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
ランキング
月間はてなブックマーク数ランキング︵2024年6月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第5週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
︻2020年夏︼imgタグにはwidthとheight属性を書くのがいいらしい