HTML viewportについて

Question

お世話になります。
HTMLで、bootstrapのマテリアルデザインを使ってHTML制作しているのですが、viewportの指定をするとレンダリングが途中で途切れてしまいます。
表示したその画面まではレンダリングされてるんですが、スクロールされるところ以降からが途切れてしまっています。
※PCのChromeをスマホ表示した場合は正常に表示されますが、実機の場合にうまく表示されません。

viewportの指定を外すと表示されましたが、もちろんスマホ用の表示ではないためviewportは指定したいです。

この、途中でレンダリングが途切れる事象について改善策がありましたら教えていただきたいです。

設定しているviewport

content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"

参考サイトはこちら

Answer 1

user-scalable=0を外してください。
この記述は「デバイスの幅で表示させたページは拡大・縮小はできない」記述になっています。
一般的なwebサイト制作でしたら以下の記述で大丈夫です。

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