psd ve tarayıcı arasındaki pixel uçurumu
Herkese kolay gelsin . Css ile egzersizler yapmaya başladım google'dan psd to css diye aratıp birkaç web sitesi örneği buldum yapmaya çalışıyorum ama büyük bir sorunum var . Psd deki fotoğrafın boyutları ile kod yazarkenki acayip farklı oluyor . Psd ile ölçüyorum birebir değeri veriyorum fakat psd'de görünen 100 px tarayıcıda çok fazla görünüyor . Resmin boyutuyla alaklı sanırım . Ne yapmam gerekiyor yol görsterebilir misiniz ? Cevaplarınız için teşekkür ederim şimdiden .
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Genel olarak psd'ler eğer websitesi tasarımıysa kılavuz çizgileriyle yaparlar kılavuz çizgilerine bakarak 12'lik bir ızgara sistemi yada farklı olan bir sistem'de olabilir bunu kullanarak pixel perfect harici işlemler yapmalısınız. Örneğin 12'lik bir ızgara sisteminde bir header oluşturacaksınız o header ızgaralık sistemin hangi bölümünde ona bakarak yer konumlaması sağlarsınız. Bu şekilde telefon harici çözünürlük'lerde oluşmuş çözünürlüklerde sistematik olarak düzgün görünecektir. İncelemeniz için bootstrap'in grid system'ini bırakıyorum link olarak (https://getbootstrap.com/docs/5.0/layout/grid/)
