随笔分类 - html / html5
html / html5
摘要:1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480
阅读全文
摘要:其实我就是想说px和em的区别,网上资料其实一堆堆,但是还不如自己试验总结的清楚。前端高手可能觉得这玩意简单,但是作为小猫,还是好好学一下。
阅读全文
摘要:我在以前的公司,并不怎么用position这个属性,只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空,百度学习了一下。留下下面的文字。position的四个属性值: relative ,absolute ,fixed,static (画外音:inherit其实也是,不过今天不怎么说他~)
阅读全文
摘要:默认的html滚动条很难看,一些漂亮的网站,滚动条都是针对网站整体样式配套设计的。在网上搜索到两种改造方式。一种是给默认滚动条设置样式,另一种是使用设计好的图片+css+js。都挺好用的。第一种(纯css):完成后.div{ scrollbar-face-color: #ebebeb;scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #d8d8d8; scrollbar-darkshadow-color: #d8d8d8; scrollbar-track-co
阅读全文
摘要:很短很短。。但是很重要很重要。浏览器优先级别: FF < IE7 < IE6 ,CSS hack书写顺序一般为FF IE7 IE6 以: " #demo" 的样式为例; #demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7执行.*/* html #demo {width:100px; height:150px;border:3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ *+ht
阅读全文
摘要:在火狐4、谷歌12浏览器中,使用jquery.tools.min 1.2.5版的Jquery Validator,不出现验证提示框。在ie7、8、9下就好用。解决方法。在form中添加 novalidate 属性就可以解决这个问题,并且不影响在ie下的效果例如:<form method="post" action="rival_show.jsp" id="form1" name="form1" novalidate></form>详细解说见:http://www.w3.org/TR/html
阅读全文
摘要:Html5和css3已经走入视线。html5新增了很多东西,比如表单元素的类型,验证等等,但是现在诸多浏览器还不兼容html5的新特性,故此,使用jquery加以验证。等大部分浏览器支持html5,页面不用修改,直接删除jquery插件就可以继续使用。
本例使用的jquery插件是jquery.tools.min.js,最好使用包含jquery基础包的完整版本。
阅读全文

浙公网安备 33010602011771号