モバイルレスポンシブ対応を適切に行うのは非常に難しく、失敗すると大抵の場合、悲惨な結果を招きます。実際、ご存知ないかもしれませんが、Googleは2015年4月よりモバイルフレンドリーでないウェブサイトへのペナルティを開始しています。要するに、モバイルレスポンシブ対応は極めて重要な問題なのです。
では、モバイルレスポンシブとは何でしょうか？
ウェブサイトがレスポンシブであるとみなされるのは、デスクトップ以外のデバイスで閲覧した際に、そのコンテンツがさまざまな画面サイズや向きに適応できる機能を持っている場合です。もっと簡単に言えば、PBS v4にアップグレードしてページをデザインまたは構築したい場合、デスクトップ、携帯電話、タブレットのどれを使っていても問題なく表示できるはずです。
バージョン4.0におけるレスポンシブ対応
最新のアップデートでは、開発チームがPBSの新しいモバイル表示機能を、テキスト、画像、その他のすべてのコンテンツがお使いのデバイスの画面解像度に自動的に適応する、完全にスムーズでよりレスポンシブな体験となるように仕上げました。
すべての見出しが画面サイズに応じて自動的に調整されるようになったため、携帯電話でPBSで構築されたサイトやページを表示したときに、文字が巨大になってしまうことがなくなりました。よりわかりやすく説明すると、以下のようになります。
さまざまな画面サイズでサイトを表示する
また、皆さんのページがモバイルでどのように見えるかを把握できるようにするため、デスクトップからのモバイル表示機能も有効にしました。これにより、ページの見栄えが良いかどうかを確認したい場合に、携帯電話（またはタブレット）とデスクトップを物理的に切り替えるという面倒な手間をかける必要がなくなります。ページのデザイン中に、いつでも異なる画面サイズ間を簡単に切り替えることができるようになりました。
さらに、タブレットや携帯電話専用に要素の間隔を微調整
皆さんどう思われますか？ありですか、それともなしですか？モバイルに関して、他に改善できる機能はありますか？ぜひ下のコメント欄でお知らせください！