在不同浏览器上相同标签会有不一样的显示,不过绝大部分还是遵循w3c的标准。
下面来说一说工作中实际遇到的一个小问题;
写的一个页面在绝大部分浏览器上面显示都是正常的理想的效果,但是在进行生产是对页面进行再电视显示器上进行投屏,却出现意外的显示,显示器是用的UC浏览器,改过像素,弄过定位,等都不能解决(崩溃的感觉),后来在一个前辈的指导下才改正过来。
具体是什么情况呢?
首先
<div>
<div></div>
<span></span>
<a></a>
</div>
问题部分代码简化就是这个样子,父元素是用的fixed 弹性盒子的模式
出现的问题是span 标签在电视上的投屏效果不显示,不管是定位还是背景样式显示都不理想,造成整体效果不美观,
解决方案:
<div>
<span></span>
<span></span>
<a></a>
</div>
在一个块级元素中,对于块和行元素混合使用,在某些情况下会造成显示效果不理想!
谨记