"Frequently Asked Questions"掲示板

"Frequently Asked Questions"

<Number>: [00000230]　 <Date>: 2022/06/13 22:29:57
<Title>: pxなどの絶対単位を使っていると「特定の解像度に依存する」
<Name>: amanojaku@管理人

(メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、SEO(Search Engine Optimization：検索エンジン最適化)的には当然マイナスになるのでご注意ください。もしもフロントエンド(プロ)を目指すなら、(メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、当然プロとしては失格と言って良いでしょう。なぜ SEO的にマイナスになるのか、なぜプロとして失格なのかは、下記「ダメダメ･デモ」をChromeモバイル･エミュレーターで3000px解像度でチェックしてみれば一目瞭然です(表示が非常に小さくなる)。モバイル･エミュレーターで解像度を変更したら、必ずリロードして下さい。ダメダメ･デモ http://xd305417.html.xdomain.jp/demo/test/005.htm 自分が作ったページも「1k～3k」解像度でチェックしてみると良いでしょう。 PCフレンドリー･デモ http://xd305417.html.xdomain.jp/demo/test/003.htm Chromeモバイル･エミュレーターの操作法 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+0000052B&tsn+0000052B&bts+2021/11/29%2015%3A52%3A51& モバイル･エミュレーターは、当然スマホ用エミュレーターなので(metaタグの)viewportで固定値が指定されている場合は、viewportの設定値の解像度が優先されるので注意して下さい(この制限を理解していればPC用としても利用可能です)、つまり PC用ページとしてチェックしたい場合で(metaタグの)viewportで固定値が指定されている場合は、その設定をコメントにするか削除して下さい。そうしないとスマホ用(metaタグの)viewportが有効になってしまうのでPC用の表示をチェックできません。 Chromeモバイル･エミュレーターでチェックする場合、モニターはかえって1k解像度のほうが分かりやすいでしょう。現状で1k解像度モニターが無い場合、(モニターが1600px解像度以上なら)新規アカウントを作成し解像度を「800px～1280px」程度の解像度に設定すると良いでしょう(アカウント名は「1k」とかにして、そのアカウントは1k解像度専用にする)、1366px解像度以下なら特にいじらなくても良いです。クロスブラウザ対応法は下記に記載してあります。 Visual Studio Codeでフロントエンド開発環境を構築する http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+000002AB&tsn+000002AB&bts+2019/11/17%2010%3A34%3A59& とりあえず下記を参考に「特定の解像度に依存しない実用的なWebページ」を実際に作ってみると良いでしょう。もしもフロントエンド(プロ)を目指すなら、下記を理解でき具現化できてフロントエンド(プロ)の基礎レベルです、本職のフロントエンド(プロ)になるには更に上のレベルが要求されます。ポートフォリオを作成するなら、PCにおいては「1k～6k」解像度ぐらいには対応すると良いでしょう、「レスポンシブ･デザイン対応、クロスブラウザ対応」も必須です。なので、その「特定の解像度に依存しない実用的なWebページ」も、PCにおいては「1k～6k」解像度と、「レスポンシブ･デザイン、クロスブラウザ」にも対応させて、ポートフォリオの練習として作成してみると良いでしょう。「特定の解像度に依存しない実用的なWebページ」詳解 http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+0000031C&tsn+0000031C&bts+2022/04/27%2016%3A47%3A37&

Block( Address 00000230　Identity 00000230 )

SMT Version 8.022(+A) Release M6.
Author : amanojaku.

- Rental Orbit Space -