インターフェイステストポイントテスト

免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/xue_yanan/article/details/86673918

図1に示すように、全体的なレイアウトとタイポグラフィインターフェース、インターフェース要素の内容、色、配向、空間距離は、図のプロトタイプと一致しています。

2、本文中に記載のインタフェースのサイズ、色、フォーマットは、明確な、いかなるタイプミス一致していません。

3、ブラウザの互換性は、異なるブラウザで異常があるかどうか上記の質問をご確認ください。

ブラウザの互換性:ブラウザの互換性の異なるブランド。

                         同じブランドの異なるバージョンのブラウザの互換性。

図4に示すように、システムの分解能との互換性は、異なる解像度における上記の問題点に異常があるか否かをチェック。

Googleのブラウザに、例えば、デバッグする方法:

(1)「F12」をキーボードから選択されるか、次の手順に従っています。

(2)「トグルデバイスのツールバー」をクリックします:

(3)次を見ることができます:

(4)解像度のサイズを変更します。

ランキングを使用する決議ブラウザ:

以下からのデータhttp://tongji.baidu.com/data/screen   Baiduの統計

わかるように、PC側の解像度リスト:

  • * 1080 1920
  • 1366 * 768
  • 1440 * 900
  • 1600 * 900
  • 1024 * 768
  • 1280 * 720

携帯端末の解像度リスト:

  • 360 * 640
  • 375 * 667
  • 414 * 736
  • 800 * 600
  • 320 * 568

 

おすすめ

転載: blog.csdn.net/xue_yanan/article/details/86673918