CSS tek başına görsel intrinsic boyutlarını bilemez; orientation tespiti için küçük bir JavaScript gerekli.
Çözüm: img.naturalHeight > img.naturalWidth kontrolüyle portrait görsellere .img-portrait sınıfı eklenir; CSS’te bu sınıfa max-width: 80% verilir. Landscape için varsayılan max-width: 100% yeterli. img.complete kontrolüyle önbellekten gelen görseller de kapsanır.
Why: Kullanıcı bu yaklaşımı “gayet güzel çalıştı” diyerek onayladı. How to apply: Bu projede içerik görselleriyle ilgili boyutlandırma/hizalama işlerinde aynı JS+CSS desenini kullan.