激しく誰得感が強いんですけども気が付いて気になっちゃったんだからしょうがない。
休日の雑談程度に読んでいただければ。

経路案内の検索結果が表示されると関連キーワードのレイアウトがズレる事案が発生したのでメモ。

 

実際の画面

正常なレイアウトと比較してもらえるとわかりやすいです。

・通常のレイアウト
「新宿」
(ページ上)
shinjiku

(ページ下)
shinjuku-2

・イレギュラーなレイアウト
「渋谷から新宿」
(ページ上)
shibuya-1

(ページ下)
shibuya-2

 

拡大

拡大して比較してみます。

(ページ上)
「新宿」
shinjiku-3

「渋谷から新宿」
shibuya-3

 
(ページ下)
「新宿」
shinjuku-4

「渋谷から新宿」
shibuya-4

 

詳細

shibuya-3

shibuya-4

経路案内をした場合には余分な余白が入っています。

 

まとめ

以前もスマホの検索結果でズレが出るというのがありましたが今回もCSSが関係してるんですかね(曖昧な見解

ということで今回も定番のあの曲。
お聴きください。

Beatlesで「We Can Work It Out」

Life is very short, and there’s no time
For blogging and posting, my friend.