2010 年 8月随笔档案 - eagley

网页在iphone上显示的一些问题

摘要：最近编写了一个网站，后期调试时使用了firefox、safari、google chrome、IE等浏览器测试，一切正常。然而在用iphone打开网页时发现了一些问题:1. 页面上的字体大小并没有随着网页的缩小而缩小。　　查询资料后得知，那是因为iphone的safari有一个默认的设置会调整网页字体的大小，在某些情况下，就可能导致页面布局完全混乱。该设置为:-webkit-text-size-a... 阅读全文

posted @ 2010-08-06 18:45 eagley 阅读(2262) 评论(0) 推荐(0) 编辑

编写Web前端代码的注意事项

摘要：1.　最好在html标签之前添加一句类似于　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >　　的代码，该代码表示遵循W3C的某一套标准，具体使用哪套标准因人而异。　　使用该标准的好处是不用再为各种不同浏览器环境下网站的布局不一... 阅读全文

posted @ 2010-08-04 17:42 eagley 阅读(678) 评论(0) 推荐(0) 编辑

IE环境规定div高度必须大于字体高度的问题

摘要：网页中设置了"bottom"这个div框，该框内没有内容，只有在css中设置其背景为一张图片，再设置高度为10px。在FF、Safari等浏览器上完全正常，然而，在IE上出现图片repeat的现象。经搜索得知，原来IE规定div框的高度必须高于该框的字体高度。而在网页中设置的高度默认是12px。因此设置div高度为10px必然会失效。解决方法很简单，就是将该div的字体的size设置为0，这样di... 阅读全文

posted @ 2010-08-02 15:28 eagley 阅读(401) 评论(0) 推荐(0) 编辑