我想创建一个'32字符宽‘的容器,并将默认字体大小设置为1em,然后创建两个允许字体更改的其他样式,以便当使用相应的样式(C24或C42)时,每行只能有24或42个字符。字体大小设置正常,但是容器看起来比我预想的要宽。在chrome中,在文档检查器中,如果我将容器更改为'20em',它的大小是正确的,但这不是我所期望的行为,是我的CSS有问题,还是什么?
我的css
/*setting this outer container font just in case*/
div.outer
{
font-size: 1em;
font-family :
堆栈。我正在尝试让我的box类变成一个box。我希望box类的高度和宽度为字体大小的10em。因此,例如,框的高度和宽度应为12px *10em。
<!DOCTYPE html>
<!--
Your name does here
The date goes here
CISC 131
A short description of the project goes here
-->
<html lang="en">
<head>
<title>this will appear o
我正在尝试使用媒体查询来根据窗口的宽度以块为单位更改元素的宽度(这允许我在不更改列的宽度的情况下增加页面上的列数)。我希望能够做到这一点,使用em的而不是像素,以便一切都会看起来正确,如果你改变你的字体大小。但是,如果我使用以下代码:
html {
font-size: 12px; /* you could also use 75% if you want to be percent based.*/
}
@media screen and (min-width: 42em) {
div#page {
width: 42em;
}
}
媒体查询将在窗口
一个非常简单的问题。
例如,我有一个这样的类:
.someclass {
font-size: 1.2em /* let's say that 1em is set to 10px in this example */
padding: 1em 0 2em 0;
border: 0.1em solid #000;
}
和一些简单的html来使用它:
<div class="someclass">Test</div>
我想得到这个元素的生成高度-用边框和填充计算的高度。在本例中使用jQuery .height()方法会给出line-he
我学到的一条CSS规则是,您应该使用相对的"em“字体大小单位,而不是绝对的"pt”。总体思路是将身体标签中的字体大小设置为"94%“,然后用"em”大小设置所有其他元素。理由是:
然后,您可以更改站点上所有字体大小的相对大小,方法是在某一点上修改正文的字体大小。
用户自己可以修改字体的大小,因为它们是在"em“中定义的。
但是,当使用"em“而不是"pt”时,我经常会遇到这样的问题,比如具有字体大小的元素嵌入到另一个具有字体大小的元素中,从而变得很小(在下面的情况下,一个词汇表中的单词是.8 of .8,另一个是.8 o
调整em中元素的大小不会随着字体类型的变化而改变,就像对ex或ch大小进行更改一样。即使是强硬的不同字体类型,也有不同大小的'M‘。
<div id="em1">Font Serif with em as units</div>
<div id="em2">Font Sans-Serif with em as units</div>
<div id="ex1">Font Serif with ex as units</div>
<div id="ex2