font-size 를 px 나 pt 를 쓰지 않고, 상대적인 값을 사용하여,
크기변화가 가능하게 만들고자 합니다.
가장 문제가 되는것은 small 과 x-small 사이의 값이 없다는 것입니다.
small 은 너무 크고, x-small 은 너무 작습니다.
px 로 지정하면 브라우저의 텍스트 크기 변경이 동작하지 않습니다.
좋은 방법 있을까요?
감사합니다.
font-size: small 과 x-smal
-
- 해커
- 게시물: 477
- 참여됨: 2004 01 04 23:57 23
- 연락:
phpschool에 자주 등장하시는 그 송효진님이신가요?
다음과 같은 코드로 IE, FF에서 시험해보면 거의 비슷하게 나오며,
em을 사용하면 IE6에서도 폰트 축소 확대가 됩니다.
font-size에 대해서 비교적 명쾌하게 설명하는 문서를 하나 발견하였습니다.
http://www.bigbaer.com/css_tutorials/css_font_size.htm
이문서에서는 "아빠가 누군가?"만 염두해두면 em이 아주 쉽다고 예기하고 있습니만,
복잡한 구조의 실제 사이트에는 결코 만만치가 않더군요.
또한 경험상, 아래와 같이 간단한 코드에서는 예상하는 것과 거의 같이 표현되나, 구조가 조금만 복잡해지면, 도대체 어디가 문제인지를 알 수 없는 예측 불허의 상황이 자주 발생하더군요.
다음과 같은 코드로 IE, FF에서 시험해보면 거의 비슷하게 나오며,
em을 사용하면 IE6에서도 폰트 축소 확대가 됩니다.
font-size에 대해서 비교적 명쾌하게 설명하는 문서를 하나 발견하였습니다.
http://www.bigbaer.com/css_tutorials/css_font_size.htm
이문서에서는 "아빠가 누군가?"만 염두해두면 em이 아주 쉽다고 예기하고 있습니만,
복잡한 구조의 실제 사이트에는 결코 만만치가 않더군요.
또한 경험상, 아래와 같이 간단한 코드에서는 예상하는 것과 거의 같이 표현되나, 구조가 조금만 복잡해지면, 도대체 어디가 문제인지를 알 수 없는 예측 불허의 상황이 자주 발생하더군요.
코드: 모두 선택
<html>
<head>
<style>
#box1 {font-size:0.7em;}
#box2 {font-size:11px;}
</style>
</head>
<body>
<div>
font-size 를 px 나 pt 를 쓰지 않고, 상대적인 값을 사용하여,
<br>
크기변화가 가능하게 만들고자 합니다.
<br>
<br>
가장 문제가 되는것은 small 과 x-small 사이의 값이 없다는 것입니다.
<br>
small 은 너무 크고, x-small 은 너무 작습니다.
<br>
<br>
px 로 지정하면 브라우저의 텍스트 크기 변경이 동작하지 않습니다.
<br>
<br>
좋은 방법 있을까요?
<br>
<br>
감사합니다.
</div>
<br>
<div>
font-size 를 px 나 pt 를 쓰지 않고, 상대적인 값을 사용하여,
<br>
크기변화가 가능하게 만들고자 합니다.
<br>
<br>
가장 문제가 되는것은 small 과 x-small 사이의 값이 없다는 것입니다.
<br>
small 은 너무 크고, x-small 은 너무 작습니다.
<br>
<br>
px 로 지정하면 브라우저의 텍스트 크기 변경이 동작하지 않습니다.
<br>
<br>
좋은 방법 있을까요?
<br>
<br>
감사합니다.
</div>
</body>
</html>
누군가 접속
유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 2 손님들