본문 바로가기
TechNical/Front End

HTML5관련 잡다

by 강멍멍이 2017. 11. 15.
반응형

ㅇdatalist

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>DataList</title>

</head>

<body>

<input list="ddl" />

<datalist id="ddl">

<option value="ABCD">

<option value="GEQ">

<option value="한글">

<option value="가나다">

</datalist>

</body>

</html>



ㅇviewport

- 모바일이 해상도가 지원이 되지 않는데 되는 것 처럼 보이려고(풀 브라우징) 이미지를 작게 만들어 버림

- 모바일에서 이미지를 폰 해상도 사이즈에 자동으로 맞춰줌

- 애플에서 시작했는데 범용으로 확산됨

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


<title>mobile meta example</title>

</head>

<body>

<img src="../img.jpg" title="test"/>

</body>

</html>

반응형

댓글