네이버 m.naver.com
- http://m.news.naver.com/css/news/d.css
- common css 설정부분
/*common*/
* {
margin:0;
padding:0;
font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif;
-webkit-text-size-adjust:none;
}
body {
position:relative;
background-color:#f8f8f8;
line-height:1.25em;
color:#000;
word-wrap:break-word;
word-break:break-all;
}
body, input, select, textarea {
font-size:14px;
}
.it, textarea {
border:1px solid #bcbcbc;
}
li {
list-style:none;
}
table {
border-collapse:collapse;
}
img, fieldset {
border:none;
}
a {
color:#000;
text-decoration:none;
cursor:pointer;
}
label {
cursor:pointer;
}
strong {
font-weight:normal;
}
em, address {
font-style:normal;
}
.hc {
visibility:hidden;
overflow:hidden;
position:absolute;
left:-1000em;
width:0;
height:0;
font-size:0;
line-height:0;
}
.nc, hr {
display:none !important;
}
.is {
width:19px;
height:19px;
}
.fx {
max-width:100%;
}
다음 m.naver.com
- 별도의 css를 만들지 않고 넣어버림
- http://photo-media.daum-img.net/css/media3/style_IPN.css
- common css 설정부분
/* base */
body {
margin: 0;
padding: 0;
background-color: #fff;
-webkit-text-size-adjust: none;
}
img, fieldset {
border:0 none;
}
dl, ul, ol, li {
list-style: none;
}
hr {
display:none;
}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, body {
margin: 0;
padding: 0;
font-family: '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica', 'Apple-Gothic';
font-size: 15px;
} /* font-size는 달라짐 */
a {
text-decoration: none;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
color:#333;
}
a:link, a:hover, a:active {
text-decoration: none;
}
input, select, textarea {
font-size: 100%;
vertical-align: middle;
}
em {
font-style:normal;
}
/* common */
.border {
border:1px #c00 solid;
}
.hidden {
display:none;
}
.clr {
clear: both;
}
/* layout */
body {
margin: 0;
padding: 0;
background-color: #fff;
-webkit-text-size-adjust: none;
letter-spacing:-1px;
}
특징중 하나는 폰트 사이즈를 12px가 아닌 14px를 사용한다는 것이다.
모바일 웹브라우저가 많이 표현하기 위해 화면을 축소하기 때문에 보정차원에서 2px 정도 키워야 되나보다.