アプリーチの開発元等の文字が崩れてしまう場合の改善方法

便利ツール

以前から何度かご紹介しているアプリーチですが、私だけなのか結構デザインが崩れたりします。
根本的な理由はわかってはいませんが、何とか崩れが修正できたので、その方法をご紹介します。

アプリーチについては、こちらもご参照ください。
https://plu-plu.net/%e3%80%90%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%80%91%e3%82%a2%e3%83%97%e3%83%aa%e3%83%bc%e3%83%81%e3%81%a7%e7%94%bb%e5%83%8f%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c/

スポンサーリンク

崩れ方

通常デフォルトの状態でコードを貼り付けた場合は、このようになります。

私の場合はこのようになりました。

開発元の文字だけが右にずれています。

これを直すためにはcssで調整します。

style.cssで調整する

この崩れを修正するためには、以下のコードをstyle.cssに追記します。

#appreach-box{
	width:80%;
}

こんな感じで何とか調整できたと思います。

Runtastic GPS ランニング&ウォーキング距離測定

Runtastic GPS ランニング&ウォーキング距離測定
開発元:runtastic
無料
posted with アプリーチ

ただ、ブログによって記事エリアの幅を異なると思いますので、上記のコードでは「width:80%;」となっていますが、これでも治らない場合は、【80%】という数字を崩れが治るまで、少なくし微調整してください。

これでようやく普通の状態で使えるようになったので、アプリーチのカスタマイズの記事を書いてみようと思いますー

コメント