凍結
0 ミナミ iPhone
CSSをスマホ用、PC用と分けてサイトを作りました。
携帯用も作りたく、携帯用CSSも編集しましたが、全く反映されず困っています。
内部用外部用どちらも編集してみましたが、変わりはありませんでした。
携帯用はheadタグ内にCSS置くしか現状解決方法が無いのでしょうか?

不具合か不明のため一度ここで確認を……。
ご存知の方いらっしゃいましたら、ご教示願いたいです。
03/18 08:32
返信
コメント投稿 検索
8 ミナミ iPhone
>>7
<mobile>タグを使用してもシミュレーターで反映されず、ずっと謎でしたのでとても助かりました。
携帯用のCSSも勉強しながらやってみます。
ありがとうございました!
03/18 10:19
返信
7 Anonymous iPhone
>>6
ALICE+はセキュリティ面も優れているのでガラケー表示の確認はガラケー以外では不可能です
シミュレーターは所詮パソコンなのでPC版デザインが表示されるということです

<mobile>〜〜</mobile>はガラケーのみ
の表示なのでシミュレーターで見ることはできません。

ではシミュレーターでガラケーのデザインを作るのは無理なのか??
答えは「可能です」
ただ、ガラケーがどのようなCSSをサポートしているのかをある程度理解されていることが前提です
ガンバッテください
03/18 10:04
返信
6 ミナミ iPhone
>>5
シミュレーターはパソコンです。
head編集そういうことでしたのね、理解しきれていない部分があり大変申し訳ございませんでした……。
もう少し色々と試してみたいと思います、ご教授頂きありがとうございました。
03/18 09:53
返信
5 Anonymous iPhone
>>4
シミュレーターはパソコンで利用されてますよね?
なのでPCデザインが表示されます
head編集はガラケー・スマホ・PCを振り分けていないのでシミュレーターのPCデザインが反映されるということです

head編集欄に<mobile>〜〜</mobile>の振り分け独自タグを用いてみれば理解できると思います
03/18 09:42
返信
4 ミナミ iPhone
>>3
返信ありがとうございます、説明不足で申し訳ございません。
まとめて返信で失礼致します。

動作の確認はガラケーシミュレーターを使用しました。
実機で確認したいのは山々ですが実機持っていないので……
シミュレーターですと、CSSが当てられていない状態で表示されましたので、携帯用CSSを当てれば反映されるのかと思っていましたが、対応していないものもあるのですね。

CSSにHTMLのタグは一切記入しておりません。
携帯に対応しているCSSかどうか不明ですが、フォントサイズや背景色(コード6桁で指定)変更くらいなので大丈夫だとは思っていたのですが……怪しいので見直してみます。

ちなみにheadにスマホ用で使用しているCSSを当てるとシミュレーターでも反映されます。
03/18 09:37
返信
3 しち SOV40
>>0
その携帯用CSSを確認するにあたって、なんの携帯(いわゆるガラケー)を使いましたか?

見た目がガラケーでも中身(OS)がAndroid、という機種もあったりします。
そしてOSがAndroidなら、多分ALICE+では「スマホ」として認識されることになる……んじゃないかと思います。持ってないので確認したことはありませんが……。

ちなみにガラケーシミュレーターだと、やっぱりパソコンまたはスマホで認識されるはずなので「携帯用CSS」の反映は確認できないです。

・実際にガラケーでアクセスしないと「携帯用CSS」は反映されない
・ガラケーの機種により、一切CSSに対応していないものもある

……ということですので、不具合かどうかの前に「携帯用CSSの反映を何で確認しようとしたのか」を明確にした方がよいかと思いましたので書き込みました。
03/18 08:50
返信
2 Anonymous iPhone
追記
携帯用CSSぼ記入欄にHTMLタグなどは書いてませんよね?
03/18 08:38
返信
1 Anonymous iPhone
携帯用のCSSは携帯対応のスタイルシートを書いたのでしょうか?
03/18 08:36
返信