iphone画面では記事の構成が乱れる

iphone画面では記事の構成が乱れる

PC用レイアウトがアイフォン画面では乱れる事情の対処

シリウスで一ページのランディングページを作り、アップロードしました。
しかし、シリウス自体のプレビューで見ると、文頭が揃っているのですが、
実際にアップロードしたページを携帯端末(アイフォン)でみると、
本文が全く揃わずぐちゃぐちゃです。

 

アイフォン画面をよく見てみると、改行の度にかなりのスぺースが入って
いて、2行目に行くとそのスペース?分、左に詰められています。

 

何分初心者なもので、初歩的な質問で申し訳ありませんが、
どうか、PCで見るプレビューのように綺麗に携帯端末でも表示させる方法を
教えてください。

 

K様からのお問い合わせ内容です.....が?

 

ここでのお話は、質問者様に再確認したところiphone設定に設定している
..とのことでしたので、合わせ対応して進めますね
レスポンシブTPでは別な仕様となります

 


 

PC画面では適正に構成している...
しかし、小さな画像端末で閲覧すれば、記事行が画面のサイズ内に
おさまらず折り返されてしまう事情は、シリウス機能iphone設定にした際、
または、レスポンシブサイトを含めて読みずらい記事となるが悩みの種.....
ですね..

 

PC画面ならそれ相応に...スマートフォンなどの小さい画面なら..それも同様に
表示させたい...
スマートフォンの閲覧がPCを上回る今時の状況なら...どちらにも基準を
合わせたい...それは誰しも願うことでしょう...

 

例えば...
大手のサイトを確認してみると、確かにレスポンシブ反映もあるものの、
ヤフーなどで見られる、レスポンシブ反映ではない構成もおおく見かけます

 

小画面用の、コンテンツはPCと同じであってもレイアウトは違う...?

 

はて...

 

シリウスのiphone設定で指示される自動で固定化されたレイアウト変更される
のではなく、別ファイル(記事及びレイアウトを変えたもの)を小画面では
読み込ませる..です

 

何やら面倒なお話になってしまいましたが、閲覧デバイスごとに合わせた
サイトのファイルを別々に作って相応に反映させているのです

 

ですが、シリウスでも類似の反映...2重表示はデフォルトで備えられる機能を
使えば可能なんですね

 

また、ランディングの一ページなら単体ですので別ファイルの読み込み指定を
しなくともシリウスに含まれる機能で簡単にデバイス切り替え表示ができます

 

大きなサイトではページごとの指定作業があり時間を要しますが、
一ページならすぐに対応できるでしょう

 

解説は、サイト内にあるのでそちらをご覧ください
PC画面スマホモバイル自動切り替え要素指定方法

 

 

iphone画面では記事の構成が乱れる
SIRIUSシリウスよくある質問
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ