忍者ブログ

WEBデザインとかSOHO, MacユーザのWEB制作者の徒然メモ。

[PR]

Posted by - 2017.10.22,Sun
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

WindowsとMacでCSSを振り分ける方法(ブラウザ毎の振り分け無し)

Posted by toka - 2007.12.10,Mon
よく見かける「ブラウザ毎(IE, Firefox等)の振り分け機能」は必要なかったので、シンプルなコードで実現したく思い、下記のようなコードに。

var os = (navigator.appVersion.indexOf ("Win", 0) != -1) ? "win" : "mac";
document.write ('<link rel="stylesheet" type="text/css" href="' + os + '.css">');


上のコードを書いてjsファイルとして保存して、Win/Mac用のCSSをそれぞれ「win.css」と「mac.css」という名前で用意すれば完成。

cssファイルのパスが同じ階層で無い場合は、

var os = (navigator.appVersion.indexOf ("Win", 0) != -1) ? "win" : "mac";
document.write ('<link rel="stylesheet" type="text/css" href="/フォルダ名/' + os + '.css">');


等とすればOK。

HTMLタグボードを参考に。
PR
Comments
Post a Comment
Name :
Title :
E-mail :
URL :
Comments :
お手数をおかけ致しますが、文中のどこかに「す。」という言葉を入れてコメントして頂きますようお願い致します。(例:〜です。)
※外国語圏からのスパム防止のため。
Pass :   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
TrackBack URL
TrackBacks
人気っぽい記事7つ
あわせて読みたい
メールフォーム
Powered by NINJA TOOLS
Twitter
プロフィール
HN:
toka
性別:
非公開
職業:
WEB制作者
自己紹介:
フリーランスのWEBデザイナー。
マーケティングへの取り組みやユーザビリティの向上にも興味を持って活動しております。
にほんブログ村 デザインブログへ
カテゴリ一覧
忍者ブログ [PR]
Powered by "Samurai Factory"