D-WEBトップニューススポーツ芸能2025年カレンダーベストセラー料理レシピ百科ログファイル一覧

スマホ - ホームページを変更する (2017/4/18)


スマホのホームページを自サイトに変更

最初はデフォルトの「auポータル」を表示していたのですが、あまりに動画CMが頻繁に表示され、邪魔なのと、au最低の「データ定額1Gプラン」ではすぐに使いきりそうなので、自サイトにホームページを変更しました。
Chromeのホームページの変更は、右上の設定(縦3点)ボタンから、設定>ホームページ>URLといって、URLを手動で変更します。少々めんどうですが、これで変更できます。

モバイルフレンドリー

昨年、自分のサイトのスマホページ(モバイルフレンドリー)対応を行いましたが、今回スマホを買って、改めて見て見ると、文字の大きさとか検索ボックスの大きさ、ニュースの内容等が大分気になりました。他のサイトに較べて、総じて文字が小さいので、まずはそれを大きめに修正しました。
ページの「モバイルフレンドリー」のチェックは、Googleの専用サイトでもテストできます。

スマホのCSS
修正には、社内のWi-Fiを使っています。1GプランのLTEではすぐに使い切ってしまうからです。
自サイトの天気予報がかなり充実しました。PC用のページに、時系列予報を追加したので、それをスマホにも反映させました。
しかし、元が画像のため、スマホには大きすぎるので、スライダーを付けて表示させることにしました。

スライダーといってもjavascriptではなく、通常のcssで、
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
を指定するだけです。
これにより、タッチ操作で、画像がスライドします。PCのブラウザでは、スクロールバーが表示されます。

スマホ(Android)とiphoneでは文字サイズが違って表示されることがあります。
文字サイズがおかしくなるとき、
-webkit-text-size-adjust:100%;
を入れておくといいようです。

ページの縮小、拡大を定義します。
指定の仕方によっては、表示が不安定になるので、注意が必要です。
meta name=”viewport”
content=”width=device-width,
user-scalable=yes, minimum-scale=1.0,
maximum-scale=1.5

 
 

 共有元ページ


スポンサー リンク



注目のタイトル

忌野 清志郎/早期購入特典あり】ベストヒット清志郎【特典:オリジナル・ステッカー付】 Limited Edition

ロック・レジェンド忌野清志郎の「ポップ・サイド」を徹底して編み込み、TVや映画で使用された人気の曲を集めた、ベスト・ヒッツCD登場! 清志郎入門編としてはもちろん、アルバム初収録曲もあり、コアファンも持っておきたいアイテム。 CD2枚組、全35曲収録。



D-web ランキング ベスト

ベストセラー 人を動かす 文庫版 D・カーネギー
音楽 【メーカー特典あり】 馬と鹿 ) ) 米津玄師
DVD 5×20 All the BEST!! CLIPS 1999-2019

ニュース
スポーツ
芸能 元フジ女性アナコンビが偶然遭遇、16年前の浴衣2ショットも公開「ずっと美人」「変わらない」

旬の話題

  共有ブログ


Copyright © 2025 D-web Portal. All Rights Reserved.

当サイトへのリンクは自由です。 D-web ポータル