Sample

### 実現したいこと Webアプリケーションを作成している中で、PCで表示されている管理者の画面（後述）をスマートフォンでも同様に、デザインが崩れることなく縮小されている状態で表示できるように実装したいと考えています。 ### 前提 1. WEBアプリケーションには管理者の画面と、利用者の画面が存在する。 2. 利用者の画面は、レスポンシブ対応が必要なため、viewportのmetaタグを設定する必要がある。 3. 管理者画面は、現状の開発優先度の観点からレスポンシブ対応は行わない。 ### 発生している問題・エラーメッセージ - 上述のような、実装を低コストで実施できる方法が思い当たらない。 - 表示する画面に応じて、metaタグの有無を制御したり、viewportのinitialScaleの値を動的に変更したりすることができない。(react-helmetの利用？) ### 該当のソースコード ```html Sample

``` ### 試したこと 1. viewportのinitialScaleを0.5-0.6に設定する。 → 利用者画面の表示が小さくなってしまう。 2. viewportを削除する。 → 利用者画面がレスポンシブ対応を実現できない。 ### 補足情報（FW/ツールのバージョンなど） 1. 使用技術・フレームワーク HTML/TypeScript/React

	@@ -1 +1 @@
1	- ~~表示する画面に応じて、~~PCとスマホの画面の表示~~サイズを変更~~したい。
1	+ PCとスマホのように、デバイスが変わっても同じ縮尺率で画面に表示したい

質問編集履歴