No.3900, No.3899, No.3898, No.3897, No.3896, No.3895, No.3894［7件］
たこやきSVGテスト。
by admin. ⌚2023年8月6日(日) 17:51:24〔1年以上前〕 ＜141文字＞ 編集
絵文字が横並びにならない現象
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
by admin. ⌚2023年8月6日(日) 15:37:18〔1年以上前〕 ＜250文字＞ 編集
絵文字機能実装ありがとうございます！
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ（iPhone）で確認したところこちらは縦並べのままになっています。
（キャッシュクリア・複数ブラウザでも試しましたが同じく）
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ（iPhone）で確認したところこちらは縦並べのままになっています。
（キャッシュクリア・複数ブラウザでも試しましたが同じく）
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
by admin. ⌚2023年8月6日(日) 13:36:32〔1年以上前〕 ＜475文字＞ 編集
てst
by admin. ⌚2023年8月6日(日) 13:04:15〔1年以上前〕 ＜3文字＞ 編集
ツイート埋め込み用の記述は今後も[Tweet]のままです。イーロンの気が変わってまた名称が変わらないとも限りませんし。
Re:3891◆無事に動いたようで何よりです。ご愛用頂ければ幸いです。(╹◡╹)ﾉ
Re:3892◆その機能は既にありますので、No.3893～3894さんのアドバイスとリンク先ヘルプをご参照下さい。
Re:3893◆ピンポイントにヘルプを示して下さってありがとうございます。
Re:3894◆詳しい解説をありがとうございます！
塩分が足りない気がする。塩を舐めたい……。_(┐｢ε:)_ 🍘🍘🍘
Re:3891◆無事に動いたようで何よりです。ご愛用頂ければ幸いです。(╹◡╹)ﾉRe:3892◆その機能は既にありますので、No.3893～3894さんのアドバイスとリンク先ヘルプをご参照下さい。Re:3893◆ピンポイントにヘルプを示して下さってありがとうございます。Re:3894◆詳しい解説をありがとうございます！塩分が足りない気がする。塩を舐めたい……。_(┐｢ε:)_ 🍘🍘🍘
by nishishi. ⌚2023年8月6日(日) 10:27:38〔1年以上前〕 回答/返信 ＜333文字＞ 編集
>>3892
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
by sakura. ⌚2023年8月5日(土) 18:20:18〔1年以上前〕 ＜181文字＞ 編集
