วิธีการการจัดแบ่งคอลัมน์เป็น 2 คอลัมน์เมื่อทำการย่อหน้าจอ

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 5410
Joined: 19/09/2018 10:33 am

วิธีการการจัดแบ่งคอลัมน์เป็น 2 คอลัมน์เมื่อทำการย่อหน้าจอ

Post by Ittichai_chupol »

ความสวยงามหน้าหน้าเว๋็บไซต์ ถือว่าเป็นส่วนหนึ่งที่ทำให้ผู้ที่เข้ามาใช้งานเกิดความประทับใจ และเพิ่มอัตราการอยากเข้ามาใช้งาน แต่ทั้งนี้ก็จะต้องมีความเหมาะสมต่อลักษณะการของเว็บไซต์ด้วยว่าเป็บเว็บไซต์ที่จะมีไว้สำหรัยบใครเป็นผู้ใช้งาน ซึงถึงว่าเป้นส่วนาสำคัญสำหรับผู้ที่พัฒนาเว็บไซต์ว่า จะพัฒนามาเพื่อใช้ทำอะไรบาง
โดยในบางครั่งนอกจากความสวยงามแล้ว ผู้ที่พัฒนา ก็อาจจะมีมีการแฝงลูกเล่นเล็กน้อยๆ เพื่อสะดวกต่อการใช้งาน หรือ เพื่อสร้างความประทับต่อผู้ใช้งาน ซึ่งการที่จะทำแบบนั้นได้ ผู้ที่พัฒนาเว็บไซต์ ก็ย่อมมีความเข้าใจต่อคุณสมบัติ และวิธีการใช้งานภาษาคอมพิวเตอร์ ที่จะใช้ในการพัฒนา

โดยทัวไป ภาษาที่จะใช้แสดงผลให้ผู้ใช้งานได้เห็นทางหน้าจอนั้น ก็คือ HTML แต่ภาษาที่จะเข้ามาช่วยให้ html มีความหน้าเข้ามาใช้งานหรือมีความสวยงามนั้นก็คื css แต่ถ้าหากเป็นเว็บไซต์ที่จะต้องมีการเก็บข้อมูล แล้วนำข้อมูลเหล่านั้นมาใช้งาน ก็จะต้องมี PHP Python หรืออื่นๆ เข้ามาพัฒนา แต่ถ้าหากผู้พัฒนาอยากจะทำให้เว็บมีความสะดวกมากยิ่งขึ้น หรือ มีลูกเล่นเพื่อความสวยงาม เพิ่มความประทับใจ และง่ายต่อการเรียกใช้ข้อมูลในบางกรณี ก็อาจจะใช้ Jquery javascript หรืออื่นๆเข้ามาช่วย


Code: Select all

@media  (max-width: 800px) {
    .col-sm-4{ 
        float: left;
    }
    .tag_mindphp.col-md-3.col-sm-6.recent-row.row-fav{
        margin-top: 247px;
    }
}
ผลลัพธ์ที่ได้
ezgif.com-video-to-gif (15).gif
ezgif.com-video-to-gif (15).gif (306.57 KiB) Viewed 304 times

บทความที่เกี่ยวข้อง

CSS คำสั่ง background การกำหนดรายละเอียดของพื้นหลัง
หน่วยของค่าที่ใช้ต่างๆ ใน CSS
การใช้ box-shadow เพื่อสร้างเงาให้ กรอบกล่องข้อความ
ขอให้วันนี้เป็นวันที่ดี

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 8 guests