文字とのスペース...
当サイトの行間はAMP構造にカスタマイズしたため、何かしらデフォルトレスポンシブTPと
異なるエラーでしょうか?
まだ全てを確認したわけではありません...
文字行間...記事のスペースにエラー?デフォルトに比べスペースがありすぎ...
この修正を行いましたのでご報告します。
例
記事と記事のスペースを2行開けるとこれぐらい離れてしますのですね
行間調整は、通例ですと以下の line-height: 180%;の記述...
180の数値調整で指示できるのですが?
当サイトはでここを調整しても変化なしでした。
body {
background-image: url(https://www.affiliateno1.com/responsive-amp/img/beauty-1319951_1920.jpg);
border-top: 4px solid #FF4E4E;
color: #333333;
font-family: 'メイリオ', Helvetica, 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 15px;
line-height: 180%;
text-align: center;
letter-spacing: -0.001em;/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;/* 文字サイズの自動調整機能のキャンセル */
background-attachment:fixed;
}
ま、数値を160に書き換えて、次に記事巻末の改行設定をBRタグにすればうまく
調整はできましたが、ページ追加ごとに改行設定も面倒でしょう?
...忘れてしまうこともある..
正常反映としては、pタグ指示の記載を書き足すことで当ページの記事間スペースを
現すことに至りっております。
これですね
p {
width: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}
配布ソースには組み入れておりますので不安なくお使いください..
行間調整を細かく行いたい場合は、上の line-height: 180%;の数値調整で
指定ください。
- (2019/04/21)エントリーページレイアウトを更新しました