みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

スマホだと<li>に・が出るのですが

Wordpressを使ってホームページを作成しています。
初心者です。

ショッピングサイトを作成する際
<ul>と<li>を使って、商品の画像、商品名、カートボタン、この3っつを横並びにした一行を作り、
それをいくつも重ねて、一覧表の中で買い物をできるような感じの物を作りました。

ところが、スマートフォンで見ると、
<li>を使ったところに・が入ります。
パソコンの方では、CSSでtable-cellと書いているので、それで・が見えないのだと思います。

何か改善の方法はありますか?

投稿日時 - 2017-02-03 14:09:05

QNo.9289276

困ってます

質問者が選んだベストアンサー

画面の幅によって読み込むCSSが異なるのかもね。
https://allabout.co.jp/gm/gc/396404/

投稿日時 - 2017-02-04 13:24:56

お礼

そういう事ですか。
調べてみましたが、初心者でもあるし詳しい事までは分かりませんでした。

Iconic one というテーマを使わせて頂いているのですが、
そのテーマ自体のフォルダを見るとスタイルシートはstyle.cssの1つだけで設定していそうなのですが、
page-templatesというフォルダがあり、その中に、full-width.phpというファイルがあり、何となくですが、このファイルで画面サイズを見て、判断しているっぽいです。
すみません、よく分からないので、あくまでも推測ですが・・・

うーん、初心者には簡単には直せそうにないですね。

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

投稿日時 - 2017-02-06 11:58:44

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

AndroidとPCあればスマホで実際に見ている画面をデバック出来ます。

http://qiita.com/hojishi/items/12b726f8b02ef3d713e4

chromeの開発者ツール使えば、実際にそこの部分にどんなcssがあてられているのか見ることが出来ます。

が、ちょっと難しいかもですね。
以上、補足情報でした。

投稿日時 - 2017-02-06 12:21:22

お礼

せっかく手順まであるのですから、やってみようと思い、
教えて頂いたURL先の手順を踏んでみました。

準備の段階で、
「PC に Google USB Driver をインストールする 」ここをクリックすると、「ここをクリックして Google USB ドライバの ZIP ファイルをダウンロードします (latest_usb_driver_windows.zip)」という内容が書いてあるページに飛ぶのですが、ここがダウンロードできず断念しました。

クリックしてもダウンロードが始まらないのです。
ファイル名だけで検索すると、危険なサイトに繋がりました、という警告がノートン・アンチウィルスより出されたので止めました。

せっかく前に進めそうだったのに、残念です。

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

投稿日時 - 2017-02-06 18:22:52

「・」などを非表示にするのなら
CSSで
list-style: none;
にしておけば、
PC/スマホどちらでも見栄えに違いは無いのでは。

投稿日時 - 2017-02-03 14:57:43

お礼

うーん・・・
追加してみたのですが、変化無いです。

検索したら、list-style-type:none;
というのもあったので、こちらもやってみたのですが、変化無しです。

スマホだけ・が付いて見えます。

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

投稿日時 - 2017-02-03 17:39:55

あなたにオススメの質問