htmlでタブレットの画面サイズをPCサイズに合わせる方法

Question

htmlでタブレットの画面サイズをPCサイズに合わせる方法

新人でプログラミング初心者ですが、ご回答よろしくお願いいたします。

10月中旬頃から会社で新プロジェクトの画面担当になり、
メディアクエリを用いてPC版とスマホ版で画面を分けて作成していましたが、
本日ipadで画面を確認したところレイアウトが崩れてしまっていました。
cssやjqueryを用いたらタブレット画面をPCサイズに合わすことができるのでしょうか？
解決が可能な方法やコードを教えていただければ幸いです。

試したこと

そこで以下を追加した場合、PC画面に対応しましたが、
メディアクエリで指定しているスマホサイズには対応しなくなりました。
<meta content="width=1024" name="viewport">

Comments

[mari.rinn]

cssでのメディアクエリが一番簡単でやりやすいかと思います。こちらのページ
https://www.seojuku.com/blog/responsive-mediaquery.html

[m.ts10806]

再現確認可能なコードがないと何も言えません。
業務のものでしたら先輩や上司に聞くべきです。
だってそれを成果物にあなたの報酬が発生するのですよね。助けてもらったらその人にも報酬を分けなければなりませんが、ここはそういうサイトではありません。

Answer 1

それぐらいのことは調べて欲しいですし、そんな人が担当になるなんて信じられませんが、そもそもメディアクエリを使っているのであればipadくらいの解像度ならこういうcss,pcのサイズだったら、こういうcssと、指定できるはずです。
で、メディアクエリを使わずにvs,vhという単位で指定することも可能です。100vwとは画面の横幅いっぱいのことで、デバイスによってサイズが変わります。vhは縦幅のことです。