반응형
ㅇ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>
반응형
'TechNical > Front End' 카테고리의 다른 글
jquery) table column count (0) | 2020.07.07 |
---|---|
다중 테이블셀 병합 (0) | 2020.05.08 |
Positioning 관련 (0) | 2017.11.15 |
CSS관련 잡다 (0) | 2017.11.15 |
canvas 라이브러리 참고사이트 (0) | 2017.11.15 |
댓글