参考サイト
テンプレート用のダミー画像URL
- https://template.256design.co.jp/common/img/dmy_img_013_360x360.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_427x640.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_640x640.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_640x427.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_854x1280.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_1920x640.jpg
- https://template.256design.co.jp/common/img/dmy_img_013_1920x1280.jpg
テンプレート用のダミー画像ギャラリー
- 020
- 021
- 020
- 019
- 018
- 017
- 016
- 015
- 014
- 013
- 012
- 011
- 010
- 009
- 008
- 007
- 006
- 005
- 004
- 003
- 002
- 001
- 000
サムネサイズ
chromeで横幅1280pxの画面でスクショを取る。1260px程度の横幅のサムネを作成します。
メディアクエリ
<!– スマホのみ –>
@media screen and (max-width:767px) {
}
<!– タブレットのみ –>
@media screen and (min-width:768px) and (max-width:1024px) {
}