参考サイト
テンプレート用のダミー画像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) {
}