秋思工作室使用的主题是以前参考Z-BlogASP 1.8版本的默认主题制作的,极少使用背景图片,都是用CSS来控制显示效果,总的来说是比较整齐、清爽、简洁、大方,看着舒服。但在IE11下发现有些显示效果不是很理想,决定对这个主题进行调整。
秋思工作室博客主题在IE11和Firefox下显示不佳表现在三个方面:1、段落内文字两端没有对齐,看着不舒服;2、文章页面底部Tags标签和引用通告字体特别大,看上去不协调;3、侧栏的文字偏小,行间距离也偏小。
第一、实现文字两端对齐只需要在CSS代码中加入text-align: justify属性,但IE11并不兼容这个属性,需要在CSS中再添加一句text-justify: inter-ideograph属性就可以完美解决这个问题了。
{text-align: justify;text-justify: inter-ideograph;}
第二、在.text-foot .tags中添加了控制文章页面底部Tags标签和引用通告字体大小的属性代码,并去除上级属性中的控制字体大小的属性代码,调整文字的位置,现在看起来就正常多了。
第三、使用IE11的开发者工具实时预览对侧栏字体大小进行调整,然后修改CSS文件中.function li中的padding属性数值就行了。
另外,我发现在CSS代码中添加text-indent:2em来控制段落首行空两格时,当文章插入图片时,图片位置会偏移,经过反复折腾,决定只对文章摘要部分进行添加text-indent属性,正文段落首行空两格则在编辑文字时直接用全角空两格。
版权声明:未加注说明的文章均为本站原创首发,转载本站文章请遵循署名-非商业用途-保持一致的原则
首发网站:秋思工作室
欢迎在此发表评论,但请勿发垃圾广告评论或者违反国家法律或政策的言论,谢谢合作!
欢迎参与讨论,请在这里发表您的看法、交流您的观点。