質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

1146閲覧

カラーミーショップで作成中のサイトがPCでは問題ないのに、iphoneで表示されません。

MikaelMinowa

総合スコア15

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/02/07 07:39

カラーミーで下記のサイトを作成中ですが、不具合の解決ができなくて困っています。
http://www.qoffeeshop-riehata.com/?pid=93715672

PCでサイトを開くと問題なく表示されるのですが、iphoneで開くと、右側に表示されるはずの「ADD TO CART」というボタンになっている画像が表示されません。

色んなサイトなどで検索して解決策を探したのですが、原因がわかりません。

わかる方回答していただけると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

iPhoneでの表示はスマートフォン用テンプレートが適用されるはずなのでそもそもサイドバーがありません。

ちなみにIE/Firefoxで当該部分がクリックできない状態でした。下記 /* これを消す */ を書いた行を削除したらとりあえずクリックできるようにはなります。

HTML

1<li class="order-btn-list__unit col col-lg-12 disable_cartin" style=" 2 width: 275.9375px; 3 margin-bottom: 90px; /* これを消す */ 4 height: 0px; /* これを消す */ 5"> 6<button type="submit" style=" 7 border-top-width: 0px; 8 border-bottom-width: 0px; 9 border-left-width: 0px; 10 border-right-width: 0px; 11 padding-top: 0px; 12 padding-bottom: 0px; 13 width: 270px; 14 height: 0px; /* これを消す */ 15"> 16<meta name="viewport" content="width=640, user-scalable=yes,"> 17<input src="https://img21.shop-pro.jp/PA01331/503/etc/addtocart.jpg?cmsp_timestamp=20170109184615" title="カートに入れる" type="image"> 18</button> 19</li>

ちなみに meta name="viewport" がこの位置に有るのは変です。カラーミーの仕様上 head要素内には配置できませんが、それでもスクリプトなどとまとめて上のほうに書いたほうが良いです。

また、button type="submit" の要素の中に <input type="image"> がありますが、ここは img要素が良いです。

投稿2017/02/07 16:54

kei344

総合スコア69364

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問