اعتمادًا على الدقة، يتم استدعاء ملفات CSS مختلفة وفقًا للدقة، يتم استدعاء ملفات CSS مختلفة.
منقط: تخطيط الجدول: ثابت؛ BORDER-TOP: #cccccc 1px منقط؛ border=0> <SCRIPT LANGUAGE="javascript">
<!--
إذا (window.navigator.userAgent.indexOf("MSIE")>=1)
{
فار IE1024 = "";
فار IE800="";
فار IE1152 = "";
varIEother="";
عرض الشاشة (IE1024، IE800، IE1152، IEother)
}آخر{
إذا (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://إذا كان المتصفح Firefox
فار فايرفوكس1024="";
فار فايرفوكس800="";
فار فايرفوكس1152="";
فار فايرفوكس آخر = "";
عرض الشاشة (Firefox1024، Firefox800، Firefox1152، Firefoxother)
}آخر{
file://إذا كان المتصفح غير ذلك
فار أخرى1024="";
فار أخرى800="";
فار أخرى1152="";
فار أخرى أخرى = ""؛
عرض الشاشة (أخرى 1024، أخرى 800، أخرى 1152، أخرى)
}
}
وظيفة عرض الشاشة (CSS1، CSS2، CSS3، CSS4) {
إذا ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}آخر{
إذا ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}آخر{
إذا ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}آخر{
setActiveStyleSheet(CSS4);
}}}
}
وظيفة setActiveStyleSheet(العنوان){
document.getElementsByTagName("link")[0].href="style/"+title;
}
الملف:://-->
</النص>
يشرح:
فار IE1024 = "";
فار IE800="";
فار IE1152 = "";
varIEother="";
املأ علامات الاقتباس على التوالي، واسم ملف CSS الذي سيتم استخدامه عندما يستخدم المستخدم IE وتكون الدقة 1024*768، 800*600، 1152*864.
فار فايرفوكس1024="";
فار فايرفوكس800="";
فار فايرفوكس1152="";
فار فايرفوكس آخر = "";
املأ علامات الاقتباس على التوالي، واسم ملف CSS الذي سيتم استخدامه عندما يستخدم المستخدم FF وتكون الدقة 1024*768، 800*600، 1152*864.
فار أخرى1024="";
فار أخرى800="";
فار أخرى1152="";
فار أخرى أخرى = ""؛
منفصل
عندما يستخدم المستخدم متصفحات أخرى وتكون الدقة 1024*768، 800*600، 1152*864،
لا يتم الحكم على دقة اسم ملف CSS، بل يتم الحكم على المتصفح فقط
وفقًا لاقتراح E.Qiang، قم بتجميع الكود التالي. استدعاء CSS مختلف تلقائيًا وفقًا لنوع المتصفح.
شفرة:
<لغة البرنامج النصي = "جافا سكريبت">
<!--
إذا (window.navigator.userAgent.indexOf("MSIE")>=1)
{
الملف: // إذا كان المتصفح IE
setActiveStyleSheet("default.css");
}آخر{
إذا (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://إذا كان المتصفح Firefox
setActiveStyleSheet("default2.css");
}آخر{
file://إذا كان المتصفح غير ذلك
setActiveStyleSheet("newsky.css");
}
}
وظيفة setActiveStyleSheet(العنوان){
document.getElementsByTagName("link")[0].href="style/"+title;
}
الملف:://-->
</SCRIPT>
شرح:
إذا كان المتصفح IE، فاتصل بـ default.css
إذا كان المتصفح Firefox، فاتصل بـ default2.css.
إذا كان المتصفح آخر، فاتصل بـ newsky.css.
الاستخدام: ضعه في <head></head> فقط اضربها.