CSSの制御で、
外部CSS
マック用に
css/style_mac.css
に
body {font-size: 12pt;}
td{font-size: 12pt;}
ウイン用に
css/style_win.cssに
body {font-size: 10pt;}
td {font-size: 10pt;}
と記述しています。
がプラウザで確認したところ、
windows IE5.0は制御されていますが、
Mac IE5.0で制御されません。
HTMLの呼び出しは、
<SCRIPT LANGUAGE="JavaScript">
<!--
if(navigator.appVersion.indexOf("Mac",0) != -1){
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">');
}
else {
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">');
}
//-->
</SCRIPT>
と記述しています。
そもそもjavaがわからないので
どこを直せばMacでも制御されるのでしょうか。
よろしくお願いいたします。
No.1
- 回答日時:
Macとそれ以外のOSでスタイルシートを分けるんなら、navigator.appVersionを使うのではなく、navigator.platformを使った方がいいと思いますが。
とりあえずif文のところを、
if( navigator.platform.indexOf( "Mac", 0 ) != -1 ) {
に変えればうまく行くと思います。
詳しくは「とほほのJavaScript入門」(URLは下記)を読んで勉強して下さい。
参考URL:http://wakusei.cplaza.ne.jp/twn/wwwjs.htm
この回答への補足
<SCRIPT LANGUAGE="JavaScript">
<!--
if( navigator.platform.indexOf( "Mac", 0 ) != -1 ) {
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">');
}
else {
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">');
}
//-->
</SCRIPT>
Macで確認したんですけど制御されていないようなのですが、
間違っているところ、ありますでしょうか。
No.2
- 回答日時:
根本的なところで、なぜ ptで大きさを指定しているのでしょう?
ptはプラットフォームごとに大きさが違います。CSSで指定している意味が半減するのではないでしょうか?
px指定であれば絶対的大きさのため、MACとWINDOWSを分ける必要性はなくなると思うのですが。
MACとWINDOWSで文字の大きさ自体を分けたいのならごめんなさいね。
この回答への補足
kokucho81さん、いつもありがとうございます。
本でMACとWINDOWSで、文字の大きさがMACのほうが小さいとふうに
書いてあったと思ったので、変えてみたのですが・・・
「px指定」とはどのようなことでしょうか。
No.3
- 回答日時:
そうですね。
もう少し補足します。まず、pt(ポイント)という考え方ですが、
それぞれのOSで(何ドット⇔何ポイント)としている基準が違っています。
なんでちがっているのはわかりませんが、違っているからしょうがない(笑)。
ところで、shizukuさんは、
他の、例えば「テーブル」や「絵」の大きさなどでも、「高さ」や「幅」を指定なされることがあると思います。
その時、あまり単位のことは、気になされないかもしれませんが、
よくよく考えると、これはピクセル単位の指定をしていますよね。
あまりに当然の属性になりすぎて意識していないと思います。
テーブルの指定で、ピクセル単位の指定をしたときに、OSごとに変わったりはしませんよね。
絵の大きさも変わったりはしません。
ですから、フォントもピクセル指定してやればいいのです。
(フォントをフォントとしてではなく、図として考えれば、わかりますね)
やりかたは、今 pt と書いているのを px とします。
もし、Windows と MAC で「行間」が合わないと思ったら、
body {font-size: 14px; line-height : 120%;}
td {font-size: 14px; line-height : 120%;}
というように、「フォントのサイズを基点」として、「行間」を明確に指定してやりましょう。
なにごとも壁にぶち当たり、乗り越えて行く。これが経験ですね。
ひとつひとつ身につけていってください。
病気で会社を休んでいたため、遅くなりました。
あとで色々と試してみて、
WinとMacが一番寄り添うところを見つけたいと思います。
ありがとうございました。
No.4
- 回答日時:
このスクリプトのままでは、
navigator.appVersion.indexOf("Mac",0) != -1
が間違っているのか、
<link rel="stylesheet" type="text/css" href="css/style_mac.css">
が間違っているのか、はっきりしません。
<link rel="stylesheet" type="text/css" href="css/style_mac.css">
のかわりに画面に表示される言葉を入れてみたり
Style_mac.cssに必ず表示されるスタイルを指定してみたりして、どこに原因があるのか探って下さい。
>なにごとも壁にぶち当たり、乗り越えて行く。これが経験ですね。
>ひとつひとつ身につけていってください。
私もそう思います(^^)がんばってください
No.5ベストアンサー
- 回答日時:
ちょっと見当が違うかも知れませんが、CSSがきいてないのではなく、きいてるように見えないのではないでしょうか。
(違うような気もしますが)MAC版のIE5ではデフォルトの文字の解像度がWINDOWSと同じ96dpiになっています。つまり、IE5(最近ではネットスケープ6も同様)はWINDOWSのブラウザとほぼ同じに扱ったほうがうまくいきます。そうしないと今度は他のバージョンのIEやネットスケープで文字を小さくしすぎてしまいますし。
振り分けは例えば
if(navigator.appVersion.indexOf("Mac",0) != -1){
if(navigator.appName.indexOf("Microsoft",0) != -1){
if(navigator.appVersion.indexOf("MSIE 5",0) != -1){
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">');
}else{
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">');
}
}else{
document.writeln('<link rel="stylesheet" type="text/css" href="fontn.css">');
}
}else{
document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">');
}
こんな感じにIE5だけをWINDOWSの方に振り分けます。
あと、大きさの指定ですが、ピクセルで振り分けると、10pxぐらいの大きさでWINDOWSのIEとネスケでかなり差がでてしまいますので確認しつついろいろ試してみてはどうでしょうか。
病気で会社を休んでいたため、遅くなりました。
書いてくださったスクリプトを参考にやってみたら、
Macでもある程度の倍率まで制御できるようになりました。
ありがとうございました。
No.6
- 回答日時:
chocolatsです。
すみません、ミスがありました。
下のスクリプト内の fontn.css の部分は
css/style_mac.css に置き換えてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ディレクトリ構成【「common」...
-
Dreamweaver のテンプレートで...
-
WindowsとMacで違うCSSを読み込...
-
HTMLの CSSのファイルというの...
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
cssファイルを階層の異なるHTML...
-
CSSを最近始めました。実は、2P...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
入力規則のリストの文字の大き...
-
MsgBoxについて
-
テーブル内の文字サイズを変更...
-
教えてください。
-
alertで表示させる文字サイズは...
-
Illustratorで作成、pngで保存...
-
Excel VBA 「印刷中」メッセー...
-
Excel VBAで文字列の可視長を得...
-
PDFファイルを開かずに印刷...
-
縦書きテキストボックスの表示"...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
jspにcssを反映させるには
-
ブラウザでプレビューでCSSが反...
-
cssで、ボタンのテキスト部分を...
-
cssは複数作る?
-
Dreamweaver のテンプレートで...
-
スタイルシート(CSSスタイル)...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ドキュメントルートより上の階...
-
複数のhtmlで同じcssファイルを...
-
一部のページにデフォルトCSSを...
-
cssが反映されません
-
アップロードすると、スタイル...
-
cssファイルを階層の異なるHTML...
-
範囲指定印刷での位置(css)
-
CSSの読み込み開始までラグがあ...
-
WindowsとMacで違うCSSを読み込...
おすすめ情報