maximum-scale=1">私が普段使用しているviewportは上記のような指定です。どこかのサイトでコピペしてそのまま使ってますが、viewportを指定するとどのような効果があるのか詳しく理解したいと思います。」は、スマホサイトの表示を意味しています。viewportを指定していないと、PCサイトが縮小された表示になってしまい、拡大しないと見れないサイトになってしまいます。以下指定出来るプロパティになります。上記のように指定した場合、表示するデバイスの幅が640px以上だと拡大されて表示される。640px以下だと逆に縮小されて表示される。content="width=device-width">この場合は横幅が自動的にデバイスに合わせて指定されます。content="height=device-height">デバイスの高さに自動で合わせることが出来ます。content="initial-scale=1">初期のズーム倍率を数値で指定出来ます。」とした場合、2倍ズームで表示されてしまうので横にスクロールできる状態で表示されます。数値の範囲は、minimum-scaleとmaximum-scaleの範囲内で指定することが出来ます。width=device-widthを指定していて、initial-scaleを指定しない場合は、initial-scale=1と自動的になります。content="minimum-scale=0.5">ユーザーがズームできる最小倍率を指定します。」で、0以上10未満の数値を指定出来ます。content="maximum-scale=2">ユーザーがズームできる最大倍率を指定します。」で、0以上10未満の数値を指定出来ます。maximum-scale=2">上記のように指定するとユーザーは0.5倍〜2倍の範囲でズームすることが出来ます。content="user-scalable=no">ズーム操作を無効化することが出来ます。※iOS10以降だとこの属性は効かないようです。content="width=device-width">これだけでいい気がします。」と「user-scalable」はユーザビリティ的に自由にしたほうがいいと思うので。よければ参考にされてください。