kendi style dosyanı oluştururken telefon ve tablet yani kısacası ekran boyutlarına göre düzenlemeler yapman gerekicekti @media screen and (max-width: 300px) { buraya bu pixeldeki cihazlar için style kodların gelecek} şekilde ayarlaman gerekicekti evet eğer bu şekilde tasarlarsan yinede bu kodu yazman gerekicek cünkü
width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir

işine yarıyor yani sayfanın boyutunu cihazın boyutuna göre ayarlıyor

Ek Olarak: daha detaylı bilgiyi https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=tr adresten bulabilirsinniz