IE6 下链接的写法问题

屏蔽IE6与其它浏览器链接的差异

写法一:注意要加return flase;
<a href="javascrit:void(0)" onclick="javascript:xxx();return false;">
写法二
<a href="#" onclick="javascript:xxx();">

不这样写 会出现如下问题:
1. 在模态窗口中 若使用 javascrit:void(0) ,若onclick中无 return false,则会弹出一个新窗口
2. 在普通页面中 使用javascrit:void(0),若onclick中无 return false,则无法使用window.location.href 语句来跳转
媒体查询是一种CSS3的特性,它允许根据设备的特性(如视口宽度、屏幕比例、设备方向等)来应用不同的样式规则。这种技术使得网页能够适应不同的设备,从而实现响应式设计。 ### 基本语法 媒体查询的基本语法如下: ```css @media mediaType and (mediaFeature) { /* CSS规则 */ } ``` 其中,`mediaType`是指设备类型,如`screen`(屏幕)、`print`(打印)、`speech`(语音合成器)等;`mediaFeature`是媒体特性,如`width`(宽度)、`height`(高度)、`max-width`(最大宽度)、`min-width`(最小宽度)等。 ### 多条件查询 如果需要同时满足多个条件,可以使用`and`操作符来连接多个媒体特性: ```css @media mediaType and (mediaFeature1) and (mediaFeature2) { /* CSS规则 */ } ``` ### 操作符 - `and`:用于连接多个媒体特性,所有条件都必须为真。 - `not`:用于排除特定的设备类型。 - `only`:用于指定特定的媒体类型。 ### 示例 以下示例展示了如何为不同宽度的屏幕设置不同的背景颜色: ```css /* 当屏幕宽度小于或等于800px时,背景颜色变为粉色 */ @media screen and (max-width: 800px) { body { background-color: pink; } } /* 当屏幕宽度小于或等于400px时,背景颜色变为天蓝色 */ @media screen and (max-width: 400px) { body { background-color: skyblue; } } ``` ### 注意事项 - 媒体查询中的`max-width`和`min-width`是基于浏览器窗口的大小,而不是设备的实际屏幕尺寸。 - 媒体查询对于IE10及以下版本的支持较差,因此在使用时需要注意兼容性问题。 ### 使用场景 媒体查询常用于创建响应式网站,可以根据用户的设备特性来调整布局和样式。例如,可以为移动设备和桌面设备提供不同的导航栏布局。 ### 兼容性 媒体查询在现代浏览器中得到了广泛支持,但在IE10及更早版本中可能无法正常工作。 ### 2D变换 对于2D变换,如`iframe`的使用,需要注意其兼容性较差,并且在某些情况下可能会导致错误。尽管如此,`iframe`仍然可以用于单页面应用的实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值