旧HAIK forum (参照のみ)

« back RSS

[482]スマホだと、表が画面からはみ出ます。 2016/11/26(Sat) 14:10:54
name : オンタ
個数と値段の表を作っているのですが、パソコンのサイトでは普通に
表示されるのですが、スマホで見ると、表だけが画面から横にはみ出て
しまいます。

スマホの時でも、画面上で表示できるように切り替える方法があれば
教えていただけませんでしょうか?

 
pass :

[483]Re:スマホだと、表が画面からはみ出ます。 2016/11/26(Sat) 15:25:56
name : Yujiro
ひとつの推測ですが、

表の内容の横方向に「英数半角」が連続的に多く書かれていないでしょうか。
全角文字だと、画面の横幅をしぼると自動的に折り返して表のはみ出しが防げますが、「半角英数」文字列の場合は半角スペースがない限り自動改行されないという性質があります。(半角スペースが入っていれば回避されます)

もしも半角英数が横に長く並ぶ場合、適度なところで改行→「&br;」これを入れるか、商品の名前なら適度なところで「全角か半角スペース」を入れて逃げるのは方法です。(画面を狭めるとそこで折り返される)
 
pass :
[484]Re:スマホだと、表が画面からはみ出ます。 2016/11/26(Sat) 17:44:11
name : いしまる [home] [設置先]
http://www.htmq.com/css3/word-wrap.shtml
など CSSのword-wrapプロパティあたりをうまく適用出来ると
改善するのでしょうか。

テーブルではないのですが、元々漢字のURLでそれが記号で
エンコードされた長いURLをhaikにそのまま貼り付けると
本文中をはみ出して右のメニューに重なってしまいます。
 
pass :
[486]Re:Re:スマホだと、表が画面からはみ出ます。 2016/11/26(Sat) 18:51:22
name : Yujiro
>http://www.htmq.com/css3/word-wrap.shtml
>など CSSのword-wrapプロパティあたりをうまく適用出来ると
>改善するのでしょうか。

できたとして、半角で書かれた英単語の途中で意図せず勝手に改行されるのも良し悪しありそうですね。で、妥協点として今の状態があるような。
 
pass :
[489]Re:Re:スマホだと、表が画面からはみ出ます。 2016/11/27(Sun) 2:23:01
name : オンタ
Yujiroさん

その通りでした。値段なので、10.000円 等の数字が並んでいたため
はみ出していたのですね。

全角の10,000円に変えたところ、
スマホでも、枠がきちんと収まるようになりました。

これでスクロールする時に、横にすこし不安定に動く動きがなくなりました。

ありがとうございました。

  status : 解決済!
pass :


解決済みのためこれ以上の返信はできません。

+ P forum 1.33 +
このHAIK forumは、QHMユーザフォーラムが閉鎖されため、その代わりにtomzoが個人的に作成しているものです。
どうぞご自由にお使いください。当フォーラムはシステム不調により、新規書き込みは禁止とします。新HAIK forumをお使いください。 2016.9.22作成
一歩先を行くhaikユーザのためのTips