xiaoran606的专栏

1、邮件不能采用div布局，只能使用table，如使用div布局，不能出现并排显示的内容，outlook下载后，div布局的内容会横排显示，不能竖排显示2、涉及到需要用背景图片的，需要使用table的background属性，而不是style里面的background样式3、邮件中不能定义font-family为汉字的字体，需要默认字体，或者不定义，gmail等邮箱会过滤掉字体样式属性

从页面开始布局设计初就考虑到各个浏览器的问题，留出充足的余量和给各个浏览器留出充足的发挥空间，这样的页面兼容性才是最好的。 　　下面就来几个问题： 　　1、div border不能显示 　　问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始

style="-moz-user-select: none;-webkit-user-select: none;"firefox下：-moz-user-select: none;chrome和safari下：-webkit-user-select: none;

input 和datalist配合使用上标下标标签，sub，sup这段文本包含下标      这段文本包含上标85%组合optgroup            Volvo      Saab                  Mercedes      Audi

经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值以下是针对自用主题而写的css,对宽度768以下设备只保留主要文章框架,以便在有限的空间里获得最佳阅读体验@media scre