Dependiendo de la resolución, se llaman diferentes archivos CSS. Según la resolución, se llaman diferentes archivos CSS.
punteado; DISEÑO DE LA TABLA: fijo; BORDE SUPERIOR: #cccccc 1px punteado; BORDE IZQUIERDO: #cccccc 1px punteado; BORDE INFERIOR: #cccccc 1px punteado" cellSpacing=0 cellPadding=6 width="95%" align=center borde=0> <IDIOMA DE ESCRITURA="javascript">
<!--
si (ventana.navigator.userAgent.indexOf("MSIE")>=1)
{
varIE1024="";
varIE800="";
varIE1152="";
varIEother="";
Ancho de pantalla (IE1024, IE800, IE1152, IEother)
}demás{
si (ventana.navigator.userAgent.indexOf("Firefox")>=1)
{
file://si el navegador es Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
Ancho de pantalla (Firefox1024, Firefox800, Firefox1152, Firefoxother)
}demás{
file://si el navegador es otro
var Otro1024="";
var Otro800="";
var Otro1152="";
var Otrootro="";
Ancho de pantalla (Otro1024,Otro800,Otro1152,Otrootro)
}
}
función Ancho de pantalla (CSS1, CSS2, CSS3, CSS4) {
if ((ancho de pantalla == 1024) && (alto de pantalla == 768)){
setActiveStyleSheet(CSS1);
}demás{
if ((ancho de pantalla == 800) && (alto de pantalla == 600)){
setActiveStyleSheet(CSS2);
}demás{
if ((ancho de pantalla == 1152) && (alto de pantalla == 864)){
setActiveStyleSheet(CSS3);
}demás{
setActiveStyleSheet(CSS4);
}}}
}
función setActiveStyleSheet(título){
document.getElementsByTagName("enlace")[0].href="estilo/"+título;
}
archivo://-->
</SCRIPT>
explicar:
varIE1024="";
varIE800="";
varIE1152="";
varIEother="";
Complete las comillas respectivamente y el nombre del archivo CSS que se usará cuando el usuario use IE y la resolución sea 1024 * 768, 800 * 600, 1152 * 864.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
Complete las comillas respectivamente y el nombre del archivo CSS que se usará cuando el usuario use FF y la resolución sea 1024 * 768, 800 * 600, 1152 * 864.
var Otro1024="";
var Otro800="";
var Otro1152="";
var Otrootro="";
Complete las comillas por separado. Cuando el usuario utiliza otros navegadores y la resolución es 1024*768, 800*600, 1152*864, no se juzga el nombre del archivo CSS que se
utilizará
.
Según la sugerencia de E.Qiang, compile el siguiente código. Llame automáticamente a diferentes CSS según el tipo de navegador.
Código:
<IDIOMA DE ESCRITURA="javascript">
<!--
si (ventana.navigator.userAgent.indexOf("MSIE")>=1)
{
file://si el navegador es IE
setActiveStyleSheet("default.css");
}demás{
si (ventana.navigator.userAgent.indexOf("Firefox")>=1)
{
file://si el navegador es Firefox
setActiveStyleSheet("default2.css");
}demás{
file://si el navegador es otro
setActiveStyleSheet("newsky.css");
}
}
función setActiveStyleSheet(título){
document.getElementsByTagName("enlace")[0].href="estilo/"+título;
}
archivo://-->
</SCRIPT>
Explicación:
Si el navegador es IE, llame a default.css.
Si el navegador es Firefox, llame a default2.css.
Si el navegador es otro, llame a newsky.css.
Uso: Colocar en <head></head>. Sólo golpéalo.