携帯サイトで破線を作りたい

質問

携帯サイトで破線の罫線を作りたいと思っています。
<hr style="border-style:dashed;border-color:#d3d3d3;height:1px">
上記のように行うと、PCではうまく見れるのに、携帯では通常の罫線になってしまいます。
何か良い方法ありますでしょうか。

回答No.3

-izayoi- · ベストアンサー

再びNo.1です。

au機でEZ GREEのサイトを見ると、確かに破線が表示されますね。
アクセス制限により、携帯電話で表示されるページと同じものをPCで表示して解析することは難しそうです。
しかし、PCでアクセスしたEZ GREEのサイトでも、同様な破線が見えます。なので、同じ手法を使っているのではないかと推測して、こちらを解析してみました。
その結果、No.2でも推測されている通り、画像を用いていました。
同じ手法がau機のブラウザでサポートされているかまでは調べていませんが、質問者さんご自身でPC用のサイトを解析して、同様な手法が適用可能か、試してみることをお勧めします。

回答No.2

quads

hr 要素に border プロパティを指定することはあまりお勧めできません。個人的にですが。
border プロパティで線を表現するなら hr 要素の意義が分からなくなってしまいます。

ez gree を検証できる環境でないのですが、他の要素に対する border か 相当の（背景）画像ではないでしょうか。

回答No.1

-izayoi-

携帯電話のブラウザは、ＰＣのブラウザよりもかなり機能制限されていますので、ＰＣで表示されるページでも携帯では表示できないものが沢山あります。
利用できる機能（タグ）は、携帯電話の機種によっても違いますので、携帯電話会社のサイトで技術情報を確認して、ターゲットの機種でサポートされている範囲のタグを使用する必要があります。

補足

ご回答ありがとうございます。
私はauのw33SAIIを使っているのですが、
ez greeでは破線をつかっております。
なので、私の機種に限って実現可能だと思うのですが、
どのようにされているかわかりますでしょうか。