⇧ 前 目 次 は position: fixed の指定をしてスクロールしても右上に固定です。pタグでも可能ですが、divにして指定するのがいつものやり方です。これを fixedの指定をせず、タグも p にしても 「h1,h2,pだけのページ」ではブラウザが文字を小さくしてしまい、「テキストが小さすぎて読めません」と「クリック可能な要素同士が近すぎます」の警告があるわけです。同じpタグの文字を勝手に大きさを変えて表示するのは正常なことではないと考えますが、どうでしょうか。
<meta name="viewport" content="width=device-width">指定をすると、小さくしないというのはこれも理解に苦しみます。
そこで、divにもどして、position: fixed の指定をして viewport指定をしてみます。
position: fixed; top: 10px; right: 10px; です。
「viewportを加えると」のページについては、
このページはモバイル フレンドリーです。
このページは、モバイル端末での使い勝手に優れています
と言われました。