viewportの標準値は980pxとなっている

現象

モバイル版ページをPC版ページに切替えた。
この時、muragonメニュー(.global-header)が980pxで途切れ表示される。

原因

コンテンツ(.contents)幅を970px→1200pxに変更している。
muragonメニューはwidth:100%である。
モバイルの場合、vewport設定に応じ表示される。viewportのwidth、heightの標準値は980px
以下の指定をしていない為、body幅が980pxとなる。
結果、muragonメニュー幅が980pxとなった。

<meta name="viewport" content="width=コンテンツ幅">

対策

以下を追加。

body {
min-width : 1200px;
}