MAC
 Computer >> コンピューター >  >> システム >> MAC

ヒント:Safari のレスポンシブ デザイン モードを使用して、サイトが他のデバイスでどのように表示されるかを確認する

ヒント:Safari のレスポンシブ デザイン モードを使用して、サイトが他のデバイスでどのように表示されるかを確認する

「レスポンシブ」な Web サイトを構築する Web デザイナーがますます増えています。つまり、閲覧しているデバイスに最も適した形式でコンテンツを表示するように適応します。たとえば、iPhone で Macgasm にアクセスすると、ホームページの見出しのテキストと画像が、モバイルに適したサイズに自動的に変更されます。ウェブサイトを構築していて、さまざまな画面サイズでどのように表示されるかを確認したい場合は、Safari の新しいレスポンシブ デザイン モードが最適です。

これを行うには、OS X El Capitan を実行している必要があります。まだ行っていない場合は、Safari の [開発] メニューを有効にする必要があります。これを行うには、[Safari]> [設定] に移動します。 、[詳細] をクリックします をクリックし、[メニュー バーに [開発] メニューを表示する] というラベルの付いたボックスをオンにします。

ヒント:Safari のレスポンシブ デザイン モードを使用して、サイトが他のデバイスでどのように表示されるかを確認する
マクガスムレスポンシブ デザイン モードで表示された記事ページ

作業中の Web ページに移動し、[開発]> [レスポンシブ デザイン モードに入る] に移動します。 .このように、さまざまな iOS デバイスやその他の一般的な画面解像度でページがどのように表示されるかを確認できます。 Web ページの端にマウスを置いて左右にドラッグすると、表示可能な領域のサイズを変更できます。提供されるさまざまな表示領域を切り替えて、デバイスごとに Web ページがどのように変化するかを確認します。これまで気付かなかったバグが見つかるかもしれません。

完了したら、[開発]> [レスポンシブ デザイン モードを終了] に移動します。 .


  1. 他の Apple デバイスからリモートで Safari タブを閉じる方法

    他の Apple デバイスの Safari タブをリモートで閉じることができることをご存知ですか?さて、このブログでその方法を説明しましょう。 Facebook ページ、Twitter アカウント、オンライン バンキング ポータル、個人ブログなどの個人 Web サイトを閉じずに家を出たことがありますか? 持っているなら、他の人があなたのアカウントをいじるのがどれほど耐え難いことかわかるでしょう。なんと、Apple デバイスを使用して、Mac 上のすべての Safari タブをリモートでシャットダウンできるのです! iCloud を使用して Apple デバイスを同期し、他のデバイス/システムで

  2. Time Machine で Mac を復元する方法

    写真やその他の貴重なデータのバックアップを取りますか?後で大切にできる思い出を作るために、人々はたくさんの写真を撮ります。ただし、それらをバックアップしていない場合、データを失うリスクは常に残ります。 Mac のバックアップを取ることは、技術的な不具合、ハード ドライブの障害、ファイルの破損、ウイルス感染、またはマシンのクラッシュが発生した場合でも、思い出を失うことのないようにするための最良の方法です。 Apple のネイティブ ツール Time Machine を使用すると、データを自動的かつ簡単にバックアップできます。何よりも、バックアップを取りたくないファイルを除外できます。 Time