`
TPFZQL
  • 浏览: 7679 次
社区版块
存档分类
最新评论

如何用css设置兼容浏览器的字体

 
阅读更多

body{
            font-size : x-small;
            voice-family : "\"}\"";
            voice-family : inherit;
            font-size : small;
         }
        
         html > body{
            font-size : small;
         }

 

因为在IE5中的设置字体总是会比其他浏览器中设计的字体大一号,为了让所有浏览器的字体显示一样的大小,可以像上面这样设置

IE5在读到voice-family : "\"}\"";中会因为css已经结束了,不再往下读,所以它读到的字体大小是x-small,而其他浏览器会读到font-size:small这些

所以这样字体大小就可以兼容浏览器展示了。

 

如果想在原来的基础上调整字体的大小,可以使用百分比来达到。

h1{
            font-size:150%;
}

 

-----出自无懈可击的web设计

分享到:
评论

相关推荐

    CSS在不同浏览器中兼容问题

    CSS 在不同浏览器中的兼容问题 CSS 在不同浏览器中的兼容问题是 web 开发中的一大挑战。不同的浏览器对 CSS 的解析和渲染方式存在差异,从而导致相同的 CSS 代码在不同浏览器中显示效果不同。本文将总结常见的 CSS ...

    别具光芒——CSS属性、浏览器兼容与网页布局

    "别具光芒——CSS属性、浏览器兼容与网页布局"这个主题涵盖了三个核心概念:CSS属性、浏览器兼容性和网页布局。 首先,我们来详细探讨CSS属性。CSS提供了无数的属性,如颜色、字体、大小、位置等,这些属性共同决定...

    css和js的浏览器兼容问题汇总

    本文主要探讨CSS和JavaScript在IE(Internet Explorer)和其他非IE内核浏览器如Firefox、Chrome、Opera中的兼容性问题。 首先,IE浏览器虽然市场份额较大,但其各个版本(如IE6、IE7、IE8)对CSS和JavaScript的支持...

    Css与各浏览器兼容性

    以下是一些关键的CSS兼容性问题及其解决方案: 1. **列表元素的默认样式**:Firefox和IE对`ul`和`ol`的`padding-left`处理不同。Firefox默认值约为40px,而IE默认为0。通常,通过设置`ul{margin:0;padding:0;}`可以...

    css 多浏览器兼容解决方案 下载

    CSS 多浏览器兼容性是Web开发中的重要环节,因为不同的浏览器对CSS的解析方式可能存在差异,这可能导致在不同浏览器中页面展示效果不一致。以下是一些关键知识点和解决方案: 1. **DOCTYPE影响CSS处理**: DOCTYPE...

    跨浏览器兼容CSS篇

    ### 跨浏览器兼容CSS篇:实现一致性的策略与技巧 #### 一、引言 在Web设计领域,确保网站在不同浏览器中呈现一致的效果是一项挑战性任务。由于各种浏览器对CSS的支持程度不尽相同,开发者经常面临布局差异的问题。...

    如何设置chrome google浏览器字体

    ### 如何设置Chrome Google浏览器字体 #### 知识点一:Chrome浏览器字体设置的重要性与应用场景 在日常上网过程中,浏览器的字体设置对于提高阅读舒适度、优化浏览体验具有重要作用。尤其是对于长时间面对电脑屏幕...

    css浏览器兼容问题

    以上只是一部分常见的CSS兼容性问题及其解决方法,实际开发中可能遇到更多复杂情况,需要根据具体需求和浏览器特性灵活处理。了解和掌握这些技巧能帮助开发者更有效地解决兼容性问题,提升网页在各种浏览器下的表现...

    CSS浏览器的兼容问题

    本文将详细介绍一些常见的CSS兼容性问题及解决方案,帮助开发者更好地理解和解决这些问题。 #### 二、CSS兼容性概述 CSS(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言...

    CSS+DIV浏览器兼容技巧

    }` 就会将字体大小设置为 small,而其他不识别此规则的浏览器(如 Firefox)则会忽略。然而,对于 IE7,我们需要使用 `*+html {property: value}`,这是一个专为 IE7 设计的 Hack,因为它能识别 `+` 符号。 在实际...

    css在浏览器中的兼容性

    ### CSS在浏览器中的兼容性分析 #### 一、引言 随着互联网技术的快速发展,网页设计也变得越来越多样化。作为网页设计中不可或缺的一...希望本文能够帮助开发者更好地理解CSS兼容性问题,并提供一些有用的实践指南。

    javaOO总结(DIV+CSS浏览器兼容方法的总结)

    压缩包内的“DIV+CSS浏览器兼容方法的总结.doc”文件很可能是篇详细的教程,涵盖了如何处理常见浏览器(如IE、Firefox、Chrome、Safari等)之间的CSS差异,包括但不限于浮动布局、定位、边距重叠、盒模型差异、透明...

    css浏览器兼容问题全面汇总

    解决CSS兼容性问题的方法: 1. **使用预处理器**:像Sass、Less和Stylus这样的预处理器允许开发者使用变量、嵌套规则和混合功能,编译时自动添加必要的浏览器前缀。 2. **Autoprefixer**:自动化工具,如...

    CSS Hack 浏览器兼容文档

    在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取一些特定的方法来解决浏览器兼容性问题。本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)...

    jQuery css3猎豹浏览器宽屏banner焦点图切换代码

    开发者需要确保代码在猎豹浏览器以及其他主流浏览器上都能正常工作,这可能涉及到对某些CSS3特性的前缀支持,以及jQuery的兼容性优化。 6. 文件结构: 压缩包中的"texiao4606_1560681054"可能包含HTML文件(包含...

    纯css多级下拉菜单兼容ie6+主流浏览器

    在网页设计中,下拉菜单是一种常见的导航结构,它能够有效地组织和展示大量的链接,而不会使页面显得拥挤。...通过研究这个实例,开发者不仅可以学会创建这样的菜单,还能进一步提升对CSS兼容性问题的理解。

    js浏览器兼容问题的大全

    在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...

    最全的CSS浏览器兼容问题

    这个资源“最全的CSS浏览器兼容问题”显然是一个非常实用的文档,它详细列举了在开发过程中可能遇到的各种CSS兼容问题及其解决方案,旨在帮助开发者更好地处理跨浏览器的样式问题。 首先,我们需要理解浏览器兼容性...

Global site tag (gtag.js) - Google Analytics