解像度に応じて異なる CSS ファイルを呼び出す

解像度に応じて、異なる css ファイルが呼び出されます。 解像度に応じて、異なる css ファイルが呼び出されます。

点線; 表レイアウト: 固定; 境界線上部: #cccccc 点線; 境界線下部: #cccccc 点線; cellSpacing=0 cellPadding=6 width="95%" border=0> <スクリプト言語="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
varIEother="";
画面幅(IE1024,IE800,IE1152,IEその他)
}それ以外{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://ブラウザがFirefoxの場合
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxその他)
}それ以外{
file://ブラウザが他の場合
var その他1024="";
var その他800="";
var その他1152="";
var Otherother="";
画面幅(その他1024、その他800、その他1152、その他その他)
}
}
関数 ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}それ以外{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}それ以外{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}それ以外{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
ファイル://-->
</スクリプト>

説明する：

var IE1024="";
var IE800="";
var IE1152="";
varIEother="";

ユーザーが IE を使用し、解像度が 1024*768、800*600、1152*864 の場合に使用する CSS ファイル名をそれぞれ引用符で囲んで入力します。

var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";

引用符内に、ユーザーがFFを使用し、解像度が1024*768、800*600、1152*864の場合に使用するCSSファイル名を入力します。

var その他1024="";
var その他800="";
var その他1152="";
var Otherother="";

ユーザーが他のブラウザを使用し、解像度が 1024*768、800*600、1152*864 の場合、使用する CSS ファイル名は

判定されず、ブラウザのみが判定されます

。 E.Qiang の提案に従って、次のコードをコンパイルします。ブラウザの種類に応じて異なる CSS を自動的に呼び出します。

コード：

<スクリプト言語="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://ブラウザがIEの場合
setActiveStyleSheet("default.css");
}それ以外{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://ブラウザがFirefoxの場合
setActiveStyleSheet("default2.css");
}それ以外{
file://ブラウザが他の場合
setActiveStyleSheet("newsky.css");
}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
ファイル://-->
</SCRIPT>

説明:

ブラウザが IE の場合は、default.css を呼び出します。

ブラウザ

が

その他の場合は、newsky.css を呼び出します。

ただ打ってください。