PCサイトとモバイルサイトの画像などの見た目の大きさを一致させたい

スマホサイトとPCサイトは同じpixelでも解像度が違うので同じピクセルでも見た目が違うので一致させるためのメタタグ

<meta name="viewport" content="width=device-width,initial-scale=1">

上がメタタグなし、下があり

ちなみにこのメタタグを追加しないとmedia only screen andが効かなかった

例：
@media only screen and (min-width: 932px)
.logolink img {
    width: 170px;
}