相关疑难解决方法(0)
基于容器宽度的字体缩放
我很难理解字体缩放.
我目前有这个网站的身体font-size100%.但是100%的是什么？这似乎计算在16px.
我的印象是,100%会以某种方式引用浏览器窗口的大小,但显然不是因为它总是16px,无论窗口是否调整为移动宽度或完整的宽屏桌面.
如何使我的网站上的文本与其容器相关？我尝试过使用,em但这也没有扩展.
我的理由是,事情就像我的菜单中就当调整压扁,所以我需要减少PX px的font-size相对其它元素的容器的宽度之中.(例如,在大型桌面上的菜单中,22px可以完美运行.向下移动到平板电脑宽度,16px更合适.)
我知道我可以添加断点,但我真的希望文本可以扩展为具有额外的断点,否则我将最终为每100px宽度减少数百个断点来控制文本.
推荐指数
解决办法
查看次数
自动调整动态文本以填充固定大小的容器
我需要将用户输入的文本显示为固定大小的div.我想要的是自动调整字体大小,以便文本尽可能填充框.
所以 - 如果div是400px x 300px.如果有人输入ABC,那么它真的很大.如果他们输入一个段落,那么它将是一个很小的字体.
我可能想要从最大字体大小开始 - 可能是32px,虽然文本太大而不适合容器,但缩小字体大小直到它适合.
推荐指数
解决办法
查看次数
文本按比例放大以适合容器
使用CSS,特别是没有onload javascript,可以这样做:
你有一个150px宽,100px高的单元格.它包含一个文本,例如:$ 20,00或其中的任何变体.
您希望它完全符合容器的大小.
我可以用javascript完成它,调整文本大小,直到没有填充/边距的容器达到单元格的宽度和/或高度.或者将其包含在溢出设置为auto的内容中,并查看它何时溢出或其他内容.
它可以用纯CSS完成吗？
考虑到字体也不是固定大小的字体.如果你愿意,可以使用Arial.
推荐指数
解决办法
查看次数
动态调整文本大小以填充div
我一直在寻找一个解决方案来调整div中的文本大小,使文本填写整个div的高度和宽度,但没有用.
我做了一些图片来帮助理解这个问题:
所以这是一个设置高度和宽度的简单div.这个高度和宽度不会改变,框中的文字确实如此!所以我想做的是让文本填充div的整个宽度和高度,就像下面的图像一样.
我一直在研究下面的简单示例,我根本无法找到如何做到这一点.我已经尝试设置相对字体大小与百分比,做溢出,文本对齐所有没有给我我想要的结果.
<html>
<head>
<title>Test</title>
<style type="text/css">
#box1, #box2{
width: 400px;
height: 300px;
color: white;
margin: 10;
font-size:larger;
text-align:justify;
letter-spacing: 100%;
}
#box1 { background-color: green;}
#box2 { background-color: blue;}
</style>
</head>
<body>
<div id="box1">
Llorem ipsum foo bar baz
</div>
<div id="box2">
Foobar
</div>
</body>
</html>
这个问题甚至可以用简单的CSS解决,还是我必须做一些javascript/jQuery？
推荐指数
解决办法
查看次数