刚开始做移动端有点问题！ 用JS动态计算html的fant-size 可一适配，但是元素的字体怎么设置，用也rem?还是用px? 我用的是px+媒体查询做的适配，但不知道要适配的屏幕有多少种？麻烦解答下！！！ 补充一下 （元素的字体是rem还是px 适配多少种）
小伙看你根骨奇佳，潜力无限，来学PHP伐。
リーリー
メディアクエリを使用して別途設定する必要があります。そうしないと、フォントが醜くなりますショッピングサイトのモバイル版を見てください。たくさんのことが書かれています
(function (psdWidth){ var r = document.documentElement; var w = r.clientWidth; r.style.fontSize = (w > 720 ? 720 : w })(640);
これは私がいつも使っているものです。 1rem=100px(デザイン案のサイズ)に合わせてページ上で変換します。 ページ スタイル シートがロードされる前に実行するのが最善です。そうしないと、最初に CSS をロードしてからサイズを再計算した後にページがフラッシュされます。
js://JS を px から rem に変換
説明: 私の会社の設計図は 750 で、HTML で font-size:20px を設定しました。次に、設計草案の px サイズを 40 プラス rem で割ってモバイル ユニットを取得します
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー
メディアクエリを使用して別途設定する必要があります。そうしないと、フォントが醜くなります
。ショッピングサイトのモバイル版を見てください。たくさんのことが書かれています
(function (psdWidth){
var r = document.documentElement;
var w = r.clientWidth;
r.style.fontSize = (w > 720 ? 720 : w })(640);
これは私がいつも使っているものです。
1rem=100px(デザイン案のサイズ)に合わせてページ上で変換します。
ページ スタイル シートがロードされる前に実行するのが最善です。そうしないと、最初に CSS をロードしてからサイズを再計算した後にページがフラッシュされます。
js:
リーリー//JS を px から rem に変換
説明: 私の会社の設計図は 750 で、HTML で font-size:20px を設定しました。
次に、設計草案の px サイズを 40 プラス rem で割ってモバイル ユニットを取得します