移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用
继续阅读
标签:兼容
兼容所有浏览器的CSS3圆角
<script type="text/javascript" src="curvycorners.js"></script> <script type="text/javascript"> addEvent(window, 'load', initCorners); function initCorners() { var setting = { tl: { radius: 6 }, tr: { radius: 6 }, bl: { radius: 6 },<!--more--> br: { radius: 6 }, antiAlias: true } curvyCorners(setting, ".roundedCorners"); } </script>
关于IE6、7、8下实现盒阴影的几个注意点
点评:关于IE6、7、8下实现盒阴影的几个注意点,需要的朋友可以参考下。
代码如下:
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000; 继续阅读
用JS判断浏览器,然后选择相应css文件
在页面里直接这样写就行
<!–[if IE]><link type=”text/css” rel=”stylesheet” href=”style_ie.css” /><![endif]–>
具体的文章如下:
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。
通俗点,条件注释就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如: 继续阅读