|
|
|
ทำให้เว็บเต็มจอ ปรับขนาดหน้าต่างย่อขยายแล้วให้ขนาด layout ตามหน้าจอ |
|
|
|
|
|
|
|
ลองใส่นี่ยังครับ
<meta name="viewport" content="width=device-width, initial-scale=1">
ใน <HEAD> ดูครับ
อ่านเพิ่มเติม https://stackoverflow.com/questions/22777734/what-is-initial-scale-user-scalable-minimum-scale-maximum-scale-attribute-in
Code (ตัวอย่าง)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
</head>
<body>
<header>
</header>
<main>
<section>
<h1>do not using <mark>user-scalable=no</mark></h1>
</section>
</main>
<footer>
</footer>
</body>
</html>
|
|
|
|
|
Date :
2017-05-30 05:44:45 |
By :
ccjpn |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Responsive bootstrap อาจช่วยได้ครับ
|
|
|
|
|
Date :
2017-05-30 08:09:01 |
By :
adminliver |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|