在HTML中,设置固定文本大小

分享于 

5分钟阅读

Web开发

  繁體

注意:本文仅针对那些拥有强大网页设计 background的人。 如果你认为字体大小对于你的网页来说不是很重要,只要跳过这篇文章。

你可能会遇到以下问题: 在你的电脑上设计好你的网页之后,一切都很好。 但是,当其他人使用自己的browers查看你的文件时,字体 ! 有些文本失去控制并中断 table background 并将图像移出原始位置。 让我们看看以下示例:

横幅:

这是一个横幅示例

菜单:

首页| 关于我们| 产品| 服务| 技术支持| 联系我们

食谱:

<td align=left background=fixedfont/recipes_05.gif valign=top width=386> Food Service

我们的主要目标是优质食品。
中国人一直把饺子当作基本的食物。 他们每天都服务,也在节日的时候。 有一些餐馆因饺子而出名。 谁知道呢,也许你会为你而出名。 今天,美国人也非常喜欢蚂蚁,因为它们来自不同的风格和填充物,健康和营养。 它一定会成为大家的最爱。 PRIME为你提供多种饺子,为你提供多种选择和选择。 从猪肉和蓝菜到我们美丽的海绵,以及各种各样的烹饪方向,都有一些东西。

Dumpling RecipeLogo <区域 alt=Wlcome coords=4,63,77,120 href="http://www.tongchiu.com/primefood/welcome.html" shape=RECT target=main title=Wlcome>
Boiled
Deep Fried
Pan Fried
Noodle Soup
soup w/Rice
American Style

请更改字体大小以查看会发生什么。 在 IE 中,可以打开上下文菜单"视图",然后将"文本大小"更改为"最大"。 在Netscape中,上下文菜单中的相同函数: "查看">"增加字体/减少字体"。

如你所见,结果太糟糕了。 如果你不认为这是重要的,那么本文不是为你。

这里问题由文本大小引起。 如何解决这里问题? 有不同的解决方案。常用方法是使用图像来停止字体大小的更改。 你可能知道,当你通过浏览器更改字体大小时,图像大小不会改变。 这就是大多数web设计人员使用这里方法使导航菜单。横幅和它的他设计在图片上输入文本的原因之一。

如果只想停止更改的字体大小并使用图像,那么可以能不是最好的解决方案。

让我给你另一个解决方案。

我们可以用CSS来解决这个问题。 下面是源代码:


<html>


<head>


<title>How to set a fixed text size</title>


<style type="text/css">


<!--


.fixed {font-size:12px}


-->


</style>


</head>


<body>


<span class="fixed">This is a test.</span>


</body>


</html>




打开浏览器,IE 和 Netscape,然后尝试 ! 更改文本字体( IE ) 或者增加字体/减小字体( Netscape ),你可能会看到文本大小是固定的 !

点设置字体大小单位为"px",而不是"pt"。 .fixed 是类选择器。 你可以对类使用任何 NAME。

HTML的任何开始标记都可以用作选择器。 for <的body,<,body,selector,selector,<,,,selector,selector,selector。 作为 below的示例:


<html>


<head>


<title>How to set a fixed text size</title>


<style type="text/css">


<!--


p {font-size:12px}


pre{font-size:10px}


h1{font-size:24px}


h2{font-size:18px}


-->


</style>


</head>


<body>


<h1>This is an example of CSS</h1>


<p>CSS is really useful.</p>


<pre> I set a fixed font for my page!</pre>


</body>


</html>




要了解有关CSS的更多信息,你可以转到: 面向初学者的 CSS

有人可能说我不喜欢这个解决方案,因为设置了固定的字体大小后,其他人不能改变它。 也许我应该提到当你去书店买书时,你也不能改变书的字体大小。 你可能喜欢其他解决方案,例如使用图像,但有一点很清楚: 使用"图像文本"和使用"css-fixed-text"的结果是相同的。 你不能通过浏览器更改"图像文本"。 另外,如果有一天你或者你的老板或者你的老板想要改变文本,你就得再做一次。 这样做需要花更多的时间来改变css固定文本。

这不是定律,只是一种解决方案。 你仍然拥有使用其他解决方案或者不使用任何解决方案的权限。 或者你可以在横幅。菜单和标题上使用它,也可以像往常一样保存其他内容。


文本  TEX  SET  FIX  尺寸  Fixed  
相关文章