<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000009" baseName="control-fontsize-with-css">CSS控制字體大小的相對值</b:listData>

			<b:previous>
				<b:mTitle>目前待改善的地方</b:mTitle>
				<b:mDate>2003/12/09</b:mDate>
				<b:mBase>tobe-change</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>半夜的打工</b:mTitle>
				<b:mDate>2003/12/13</b:mDate>
				<b:mBase>work-at-midnight</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000009" baseName="control-fontsize-with-css">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2003-12-11</b:date>
				<b:time>01:54:08</b:time>
			</b:datetime>
			<b:category>css-html</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>CSS控制字體大小的相對值</b:title>
			<b:content>
				<b:summary>之前我有寫過一篇關於CSS控制字型大小的文章，有提到建議的設定法是利用比例值，也就是em單位或是百分比，因為這樣在IE下才可以讓瀏覽者自行放大或縮小字體。...</b:summary>
				<b:mainContent><p>之前我有寫過一篇關於<a href="http://ccca.nctu.edu.tw/~hlb/tavi/FontSizeBetweenIEandMozilla">CSS控制字型大小</a>的文章，有提到建議的設定法是利用比例值，也就是em單位或是百分比，因為這樣在IE下才可以讓瀏覽者自行放大或縮小字體。</p></b:mainContent>
				<b:extendContent><p>本來這裡在設計時是用em單位來控制字型的大小的，不過後來發現在IE下調整字形大小會得到不怎麼好的結果，調整放大一點，結果字就會變很大，縮小就不用說了。後來用IE瀏覽<a href="http://www.stopdesign.com/">stopdesign</a>時，順手作了一下測試，發現stopdesign即使在IE下調整字形大小也是很正常的，看了他的CSS後發現到它是用百分比值來控制字體大小的，於是我也把這裡的字體大小控制改成用百分比，結果問題都不見了^^</p>

<p>這樣就得到了一個新的結論，為了IE，只好用百分比值來設定字體大小了。事實上「designing with web stardard」一書中有提到只有IE會在以px、pt值設定字體大小時，瀏覽者無法調整大小的，為了IE，我們還真是牽就不少啊&gt;&lt;</p></b:extendContent>
			</b:content>
			<b:comments commentCount="0">

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/mt/mt-tb.cgi/135">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>