忍者ブログ

Velga×Study

一次創作勢のためになりそうなあれこれのおべんきょうブログ

べるすた > > [PR] べるすた > こむぎこ進歩録 > 新生サイトの可変グリッド

♥ [PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

♥ 新生サイトの可変グリッド

Masonry


このjQuery使った。

divの縦サイズは内容物を自動取得で決めているようだが、
画像の読み込みがdiv縦幅生成に間に合わないと、
画像なし時の縦幅しか確保されず、ブロックが重なる。

ウインドウ幅を変えるなどして、画像読み込み後の状態でブロック再配置させると直る。

【応急処置】画像入りのdivはidで縦幅を個別指定。(現象回避出来るがソースがスマートじゃない)
【直近課題】公式ページのレイアウト項をみると画像読み込みディレイに対する解決ソースが記述されているが英語が読めないので理解できない。
保険処理をかけてから表示させるか、表示してからリロードさせるって書いてた
【直近課題2】サイトを可変グリッドにしてもメディアクエリのブレイクポイントを設けないとレスポンシブしない。

拍手

PR
Responses0 Responses
  • お名前
  • タイトル
  • メールアドレス
  • URL
  • パスワード

11 2017/12 01
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

Search

Counter