如何css控制字体按百分比放大缩小

Question

如题所述

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：span {font-size: 0.8em;}。

3、浏览器运行index.html页面，此时span的字体大小被设置h1字体大小的80%。

Answer 2

字体百分比放大缩小是可以的，不同单位不同设置情况

1. “Ems”(em):“em”是一个可伸缩的单位, 用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档的字体大小是12 pt,1 em等于12 pt。Ems在本质上是可伸缩的,所以2 em相当于24 pt，.5 em相当于6 pt等。ems由于其可伸缩性和适应移动设备的特性在web文档中正变得越来越受欢迎。

　　2. 像素(px):像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。许多网页设计师在web文档使用像素单位以生产浏览器渲染的像素完美呈现的网站。像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。

　　3. 点(pt):点通常用于印刷媒体(任何打印在纸上的媒体,等等)。一个点等于一英寸的1/72。点更像像素,他们是固定大小的单位,不能伸缩。

　　4. 百分比(%):百分比单位更像“em”单位,除了一些根本性的差异。首先,当前的字体大小等于100%(比如12 pt = 100%)。当使用百分比单位,你的文字在移动设备上仍然保持完全的可伸缩性和可访问性。
建议使用最常用的像素单位，使用响应式媒体查询编写不同情况下的字体大小。

Answer 3

font-size: 120%; 字体是可以设置百分比的，默认100%是16px的字体，

但是无法根据div的伸缩改变字体大小，至少单纯的用样式是无法解决的，你能搞到js就另当别论了追问

我那是要根据窗口大小改变的，这样不是要获取浏览器的宽，高吗？而且这样的JS有点麻烦

追答

直接给你地址，可以根据不同分辨率调取css样式表，你根据不同分辨率写字体样式就行了

参考资料：http://www.sj63.com/html/200607/200607200739218037_1.html

本回答被网友采纳

Answer 4

一般网页的字体写12px不就好了？追问

这不可能，假如在手机上的你要怎么看你的这个网页

追答

哦，不好意思，我没做过手机开发。