シリウスのサイト内ページで　スマートフォン　パソコンサイトで記事コンテンツを
切り換え表示する手順を関連ページでご案内しておりますが　

 

些細な作業の違いで　反映が異なる結果となりますので
その点を説明いたします

 

スマートフォン　パソコンサイトで記事コンテンツを切り替え表示する際の
ターゲット　目標物を要素で囲む記載は以下に間違いありませんが

 

記事全体を切り替える際　パソコン画面ではスマートフォン用の記事が
隠れず表示されてしまう障害が現れる状況がございます　

 

スマートフォンからの閲覧には問題ありません

 

本編ページ
端末により記事コンテンツを切り替え表示する

 

 

本編での解説は
パソコン用として囲み要素を<pc>とします

 

 

スマートフォン用として囲み要素を<spc>とします

 

<pc>シリウスパソコンコンテンツ</pc>

 

<spc>スマートフォンサイトコンテンツ</spc>

 

 

---

 

しかし　パソコンよりのサイト確認の際　以下の事情がございます

 

シリウス機能　操作画面での改行設定

 

Ｐタグ指定とＢＲ指定の場合　パソコン画面での表示に違いが
表れます

 

 

記事列表示範囲に問題ありなのです

 

 

Ｐタグ指定の場合

 

記事が上から下へ　行の隙間なく並ぶ場合は　スマートフォン用
コンテンツはパソコン画面で正常に隠されます

 

 

<spc>
テキスト
テキスト
テキスト
テキスト
</spc>

 

しかし　行間を一行空けてしまうと　その位置から下のスマートフォンコンテンツは
パソコン画面で隠されず表示されてしまうのです

 

パソコンコンテンツにもう一つスマートフォン用コンテンツが表れてしまう

 

<spc>
テキスト
テキスト　ここまでは隠れるが以下隙間以降は表示される

 

テキスト
</spc>

 

対応策としては　一行ずつ　
または　続き行間なら　spc要素で囲めば隠されますが

 

なぜかサイト巻末に大きなスペースが空いてしまうのですね

 

数行の隙間なし記事列の行間ならよいのですが

 

コンテンツが多く隙間を開けざる得ない場合は使えない機能なんですね

 

面倒な説明ですみません

 

---

 

スポンサーリンク

 

 

 

 

ＢＲ指定の場合

 

 

ＢＲ指定にすると　行間に隙間があろうと　制限なしです

 

ページ内にスマートフォン用　パソコン用とふたつのボリューム記事を置いた
としても　きちんと振り分けられて表示されます

 

通常のページでは　Ｐタグで進められてもなんら影響はございません

 

スマートフォン用と　パソコン用記事を振り分ける場合に限り
記事画面での改行をＢＲタグにしてください

 

 

スマートフォン　ＰＣコンテンツ切り替え時のシリウス機能操作
SIRIUS　シリウスレスポンシブデザインテンプレート公開
シリウスカスタマイズ