基于HTML5的响应式展会信息移动平台设计与实现
ass {width： 30%；float： right；}}/*浏览器或屏幕宽度小于500px时使用 */@media screen and （max-width： 500px）{ .otherClass{ clear： both；font-size： 1em；}}将上述属性组合使用，可以用来锁定某个屏幕尺寸范围：/*浏览器窗口或屏幕宽度在800px至1200px之间时使用 */@media screen and （min-width： 800px） and （max-width：1200px） {.someClass{ background： #cc0000；width： 30%；float： right；}}1.2 JavaScript-提高兼容性JavaScript也是重要的工具之一，特别是当某些旧设备无法完美支持CSS3的Media Queries时，JavaScript可以完美实现兼容。专门的JS库（css3-mediaqueries.js）可帮助旧浏览器（IE 5+，Firefox 1+，Safari 2等）支持CSS3的Media Queries。对于那些尚不支持Media Queries的浏览器，本文主要是通过在页面中调用css3-mediaqueries.js来解决兼容性问题。trunk/css3-mediaqueries.js">下面的代码演示了怎样使用简单的几行jQuery代码来检测浏览器宽度，并为不同的情况调用不同的样式表：ajax/libs/jquery/1.4.4/jquery.min.js">$（document）.ready（function（） {$（window）.bind（"resize"， resizeWindow
<<上一页 下一页>>
广州市越秀区图书馆版权所有。
联系电话：020-87673002
本站访问人数：