怎样单独为Chrome、FireFox、Safari、Opera等主流浏览器单独定义CSS样式

Posted 2023-04-12

比如说：背景、宽高（包括最大、最小宽高）、边框等等。

<script>
var 用户代理 = navigator.userAgent.toLowerCase();
var 浏览器;
var 浏览器版本 = ;
(浏览器 = 用户代理.match(/msie ([\d.]+)/)) ? 浏览器版本.ie = 浏览器[1] :
(浏览器 = 用户代理.match(/firefox\/([\d.]+)/)) ? 浏览器版本.firefox = 浏览器[1] :
(浏览器 = 用户代理.match(/chrome\/([\d.]+)/)) ? 浏览器版本.chrome = 浏览器[1] :
(浏览器 = 用户代理.match(/opera.([\d.]+)/)) ? 浏览器版本.opera = 浏览器[1] :
(浏览器 = 用户代理.match(/version\/([\d.]+).*safari/)) ? 浏览器版本.safari = 浏览器[1] : 0;
if (浏览器版本.ie) document.write('<style>CSS在这里</style>');
if (浏览器版本.firefox) document.write('<style>CSS在这里</style>');
if (浏览器版本.chrome) document.write('<style>CSS在这里</style>');
if (浏览器版本.opera) document.write('<style>CSS在这里</style>');
if (浏览器版本.safari) document.write('<style>CSS在这里</style>');
</script>
变量用的中文，你应该看得懂，不懂再问我追问

兄台，浏览器版本蛮丰富的，是不是我要定义每一种浏览器的版本呢？我十分期待您的耐心解答！

追答

不用，你把

if (浏览器版本.ie) document.write('<style>CSS在这里</style>');

里的“CSS在这里”替换成ie的单独样式就好了，其它的一样

参考技术A 事实上你只需要在测试的时候用到fox ie6 ie7就行了
fox跟chrome与ie8以上版本相差不大，基本上是一样的效果。
事实上你还可以排除ie6,因为这货漏洞太多，cssbug也多，很多hack要专针对其写。

fox浏览器写css样式正常写就好
csswidth:100px; height:100%

ie6 在选择器前面加_ 如：_css width:100px; height:100%;这样就只有ie6才能识别这行代码
ie7 在选择器前面加* 如：* css…………………………………………… ie7 ……………………

用js怎样实现打开网页时就全屏显示，要支持chrome，Firefox，IE等主流浏览器，求大神帮忙啊!

最好是只有用alt+f4才可关闭,要js的代码，不要用使用Windows.open 来实现

参考技术A 您好！很高兴为您答疑！

实现窗口全屏(F11效果)，只需在下面属性中加一条fullscreen = yes即可
<script>
<!--
function windowopen()
var target="http://play.zol.com.cn"
newwindow=window.open("","","scrollbars")
if (document.all)
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)

newwindow.location=target

//-->
</script>
<form>
<input type="button" onClick="windowopen()" value="全屏显示" name="button">
</form>

　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。