เว็บเพจหน้านี้
- มีขนาดของกล่อง syntaxhighlighter ที่ไม่เปลี่ยนตามขนาดของอุปกรณ์ ทั้ง 6 ตัวอย่าง เพราะในแฟ้ม .html นี้ได้กำหนด class syntaxhighlighter ไว้ที่ 400px ถ้าเปลี่ยนในแต่ละ pre สามารถทำได้ โดยใช้ class syntaxhighlighter และกำหนด style แบบ inline - การกำหนดขนาดแบบ responsive ที่เป็น dynamic ใน rsp62.css จึงไม่มีผล ดูตัวอย่างการประกาศ m_still ในตัวอย่างที่ 6 ที่ถูกแทนด้วย 400px เสมอ มีแนวคิดที่สนับสนุนข้อดีของ static ว่า แต่ละกล่อง ในแต่ละส่วน อาจมีขนาดแตกต่างกันไป ตามการออกแบบที่เป็นการเฉพาะ จึงไม่กำหนดให้เปลี่ยนแปลงไปตามอุปกรณ์แบบ responsive แต่จะ config ให้กับแต่ละกล่อง source code แบบ static #ตัวอย่าง style กล่องนี้ คือ "background-color:#ffffdd;border:10px solid black;padding:20px; |
1. Fix at 400px; by style config
| ||
2. Fix at 425px; by inline on div
ต้องเรียก class มาใน div ด้วย เพื่อ inherit มิเช่นนั้นจะเป็นตาม style config ในข้อ 1
| ||
3. no effect by class="w450"
การเรียก class="w450" ไม่มีผล เพราะมีการประกาศ syntaxhighligher แทน ในแฟ้มนี้ไปแล้ว หากใช้ class อื่น และทำงานแบบ responsive ต้องประกาศใน rsp62.css มีตัวอย่างใน /web2
| ||
4. how to use hightlight and use 100% (728px;)
|