不同桌面解析度用CSS調整圖適中的方法(max-width)

今天用平板電腦看Glayer
發現橫向、直向看某圖大小非常不一樣。
起先我以為是我的錯覺，在經過用Firefox確實大小不一樣。

本來在想是用什麼巫術才能變成這樣，Bootstrap?HTML?
沒想到是CSS的max-width的關係

之前看到CSS的max-width一直都不知道要試用於哪裡
今天總算知道了:D