보시는 바와 같이 같은 페이지를 표시하는데 폰트의 크기가 다르게 나오는군요...
혹시나 같은 현상을 겪어 보신 분이나 고민중이신 분
해결하기 위한 방법이 뭐가 있을까요 ㅠ
 |
|
왼쪽 이미지는 모바일 크롬에서 확인한 것이고요
오른쪽 이미지는 web2APP이라는 어플로 본 것입니다.
http://designhuh.phps.kr/study1015
에서 css 확인하실 수 있고요,
혹시나 해서 css를 남겨 놓습니다.(근본 없는 코딩이라 이해를 부탁드립니다. ㅠㅠ)
[code]
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{margin:0; padding:0; overflow-x:hidden; font-size:16px; font-family:'Noto Sans KR'sans-serif; font-weight:300; color:#666;}
h1, h2,h3, h4 {font-weight:bold; margin:0; padding:0;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2em;}
h4{font-size:1.5em;}
img{border:0; width:100%;}
.world{width:100%;}
.topbar{position:relative; width:100%; text-align:center; background-color:#C2185B; color:#fff; font-size:3em; font-weight:bold; text-transform:uppercase; padding:0.5em 0;}
.topbar i {margin:0; padding:0; position:absolute; top:50%; margin-top:-0.7em; left:0.5em; font-size:1em; background-color:#F06292; border-radius:10px; padding:10px 15px; cursor:pointer;}
.mainImg{position:relative; width:100%;}
.mainImg #mainimage{width:100%;}
.mainImg #maintext {position:absolute; top:50%; margin-top:-2.5em; width:100%; font-size:5em; text-align:center; color:#fff; font-weight:bold; text-shadow:2px 3px 5px black;}
.content{width:94%; padding:3%; text-align:justify;}
.row {width:100%; display:-webkit-flex; -webkit-flex-direction:row; -webkit-justify-content:space-between; margin-top:2em;}
.row #imagebox{width:49%;}
[/code]
댓글 6개
상속과 절대 차이입니다.
body에 16px로 폰트 크기를 정해놓았는데요,
같은 1em이어도 웹뷰로 보면 폰트 크기가 확 작아지는 것 때문에 고민하고 있습니다.
바로 상위나 그 위의 부모의 값이 100 이면
부모의 값에 맞춰서 조절되는게 em 입니다.
폰트 크기는 기기별로 pixel 차이가 있를지 모르나 웹뷰와는 무관하며
em --> px 위의 뎃글 그대로입니다.
원하시는 부분을 px 로 바꾸시는데
모바일의 width 가 있으므로 em 을 추천 드리고
media 로 조절하는 방법이 최적인것으로 알고 있습니다.
http://www.clearboth.org/28_inheritance_and_cascade/
다른 분께서 이 링크를 남겨 주셨네요 ㅎㅎ
혹시나 같은 고민을 하시는 분을 위해 남겨놓습니다.
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1766 | 10년 전 | 841 | ||
| 1765 |
Qstudio
|
10년 전 | 686 | |
| 1764 | 10년 전 | 928 | ||
| 1763 | 10년 전 | 1116 | ||
| 1762 |
프로그래머7
|
10년 전 | 912 | |
| 1761 | 10년 전 | 992 | ||
| 1760 |
tjdgns22
|
10년 전 | 563 | |
| 1759 | 10년 전 | 844 | ||
| 1758 |
토리플라이
|
10년 전 | 1401 | |
| 1757 |
하얼빈소년
|
10년 전 | 2234 | |
| 1756 |
프로그램은어려워
|
10년 전 | 1118 | |
| 1755 | 10년 전 | 1240 | ||
| 1754 |
전주폰수리고
|
10년 전 | 714 | |
| 1753 | 10년 전 | 937 | ||
| 1752 |
잘살아보자
|
10년 전 | 751 | |
| 1751 |
잘살아보자
|
10년 전 | 694 | |
| 1750 |
잘살아보자
|
10년 전 | 1128 | |
| 1749 |
토리플라이
|
10년 전 | 623 | |
| 1748 | 10년 전 | 753 | ||
| 1747 | 10년 전 | 1089 | ||
| 1746 |
하늘에서땅까지
|
10년 전 | 1061 | |
| 1745 | 10년 전 | 1393 | ||
| 1744 | 10년 전 | 799 | ||
| 1743 |
작은것에충성
|
10년 전 | 4635 | |
| 1742 |
작은것에충성
|
10년 전 | 3545 | |
| 1741 |
작은것에충성
|
10년 전 | 3061 | |
| 1740 | 10년 전 | 2793 | ||
| 1739 | 10년 전 | 1729 | ||
| 1738 |
kyw820830
|
10년 전 | 1073 | |
| 1737 |
 ideaman |
10년 전 | 1493 | |
| 1736 |
solsu1
|
10년 전 | 975 | |
| 1735 | 10년 전 | 794 | ||
| 1734 | 10년 전 | 1276 | ||
| 1733 |
 별을따는소년 |
10년 전 | 1483 | |
| 1732 | 10년 전 | 1441 | ||
| 1731 | 10년 전 | 983 | ||
| 1730 | 10년 전 | 1480 | ||
| 1729 | 10년 전 | 2115 | ||
| 1728 | 10년 전 | 1195 | ||
| 1727 | 10년 전 | 1777 | ||
| 1726 |
클리어픽스
|
10년 전 | 1878 | |
| 1725 | 10년 전 | 1758 | ||
| 1724 |
 AJFLDKVMEK |
10년 전 | 1353 | |
| 1723 | 10년 전 | 809 | ||
| 1722 | 10년 전 | 1396 | ||
| 1721 | 10년 전 | 1181 | ||
| 1720 |
 iwebstory |
10년 전 | 2042 | |
| 1719 |
iwebstory |
10년 전 | 1302 | |
| 1718 | 10년 전 | 1219 | ||
| 1717 |
인어맨과조개소년
|
10년 전 | 1149 | |
| 1716 |
 엘남매아빠 |
10년 전 | 1049 | |
| 1715 |
왕초보초보
|
10년 전 | 592 | |
| 1714 | 10년 전 | 1289 | ||
| 1713 |
 돼지코구뇽 |
10년 전 | 1112 | |
| 1712 |
 미스코리아 |
10년 전 | 1393 | |
| 1711 |
dadada
|
10년 전 | 624 | |
| 1710 |
왕초보초보
|
10년 전 | 793 | |
| 1709 | 10년 전 | 474 | ||
| 1708 |
준짱789
|
10년 전 | 1360 | |
| 1707 | 10년 전 | 1467 | ||
| 1706 |
가슴시린하늘
|
10년 전 | 1202 | |
| 1705 | 10년 전 | 1015 | ||
| 1704 | 10년 전 | 660 | ||
| 1703 | 10년 전 | 2700 | ||
| 1702 |
밥먹고합시다
|
10년 전 | 705 | |
| 1701 |
개발짜증나
|
10년 전 | 827 | |
| 1700 |
패션리스트
|
10년 전 | 2558 | |
| 1699 |
패션리스트
|
10년 전 | 2548 | |
| 1698 |
efniadif00
|
10년 전 | 2401 | |
| 1697 | 10년 전 | 970 | ||
| 1696 |
개발짜증나
|
10년 전 | 1667 | |
| 1695 | 10년 전 | 1073 | ||
| 1694 |
kenken
|
10년 전 | 850 | |
| 1693 |
프로그램은어려워
|
10년 전 | 1309 | |
| 1692 |
디자이너님
|
10년 전 | 1686 | |
| 1691 |
star3840
|
10년 전 | 1064 | |
| 1690 | 10년 전 | 2590 | ||
| 1689 | 10년 전 | 2583 | ||
| 1688 | 10년 전 | 2759 | ||
| 1687 |
해븐리키스
|
10년 전 | 2718 | |
| 1686 | 10년 전 | 2671 | ||
| 1685 | 10년 전 | 1848 | ||
| 1684 | 10년 전 | 1836 | ||
| 1683 | 10년 전 | 1350 | ||
| 1682 |
 nanati |
10년 전 | 2480 | |
| 1681 |
nanati |
10년 전 | 2768 | |
| 1680 | 10년 전 | 1526 | ||
| 1679 |
웹틴트틴트
|
10년 전 | 938 | |
| 1678 |
프로그래머7
|
10년 전 | 1492 | |
| 1677 |
원더우먼츄
|
10년 전 | 1290 | |
| 1676 | 10년 전 | 2621 | ||
| 1675 | 10년 전 | 1576 | ||
| 1674 |
 홍익플래시 |
10년 전 | 1177 | |
| 1673 |
nanati |
10년 전 | 2974 | |
| 1672 |
henna
|
10년 전 | 979 | |
| 1671 |
별을따는소년 |
10년 전 | 1313 | |
| 1670 |
nanati |
10년 전 | 3735 | |
| 1669 | 10년 전 | 822 | ||
| 1668 |
 indory |
10년 전 | 1554 | |
| 1667 |
kizas
|
10년 전 | 1512 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기