ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปGeneral (ถามคุยวิชาการ IM)จะเขียน html css ยังไง ให้ logo แสดง 100% ทุกหน้าจอครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: จะเขียน html css ยังไง ให้ logo แสดง 100% ทุกหน้าจอครับ  (อ่าน 1037 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
waruts
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 422



ดูรายละเอียด
« เมื่อ: 29 กันยายน 2016, 21:45:39 »

สมมุติว่าผมเขียน logo จากหน้าจอ PC ที่ Resolution อีกขนาดนึง แล้วไปแสดงอีกขนาดนึง ผมต้องเขียน html CSS ยังไงให้รูปสามารถเป็น 100% ทุกหน้าจอ และต้องกำหนดขนาด photoshop เท่าไรครับ ขอบคุณครับ  wanwan031 wanwan031 wanwan031
บันทึกการเข้า
gd,lN
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 96
ออฟไลน์ ออฟไลน์

กระทู้: 1,743



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 29 กันยายน 2016, 21:59:25 »

ลองศึกษาพวก width, max-width ดูครับ
บันทึกการเข้า

Gangzaa!
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,086



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 29 กันยายน 2016, 22:13:34 »

ไม่เกี่ยวกับ Photoshop ครับ เกี่ยวกับการกำหนด css ใน html

เช่น รูปทำมาขนาด 200x200px เวลาเขียนไฟล์ css ก็กำหนดส่วนของรูปเป็น min-width:200px; ไรงี้
(หมายถึงรูปจะสามารถย่อเล็กสุดได้แค่ 200px นั่นเป็นขนาด 100% รูปของเรา)
บันทึกการเข้า

BakKheab
สมุนแก๊งเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 725



ดูรายละเอียด
« ตอบ #3 เมื่อ: 29 กันยายน 2016, 22:58:14 »

ไม่ค่อยเข้าใจคำถามน่ะครับ
ถ้าอยากได้ 100% ก็ใส่ width:100% สิครับ

img{
     width:100%;
     min-width:320px;
}

ถ้าจะให้ชัวร์จริง ๆ ต้องดูโค้ด HTML CSS ด้วย ถึงจะทราบปัญหาของท่าน
บันทึกการเข้า
sushike
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 156



ดูรายละเอียด
« ตอบ #4 เมื่อ: 30 กันยายน 2016, 09:55:24 »

จขกท.หมายถึง html 5 ที่เป็น  responsive (mobile friendly) ใช่ไหม

บันทึกการเข้า

รับจ้างทำ Submit Network ราคาเริ่มต้น 500 บาท/เดือน/keyword
ภาษาไทย|ภาษาอังกฤษ,

รับจ้างดูแล fanpage,ขาย Account Facebook เชื่อม Power Editor แล้ว & Gmail เชื่อม Google Adwords
sys2528
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 301
ออฟไลน์ ออฟไลน์

กระทู้: 3,601



ดูรายละเอียด
« ตอบ #5 เมื่อ: 30 กันยายน 2016, 10:02:33 »

ไม่ค่อยเข้าใจคำถามน่ะครับ
ถ้าอยากได้ 100% ก็ใส่ width:100% สิครับ

img{
     width:100%;
     min-width:320px;
}

ถ้าจะให้ชัวร์จริง ๆ ต้องดูโค้ด HTML CSS ด้วย ถึงจะทราบปัญหาของท่าน

ก็ประมาณนี้น่าจะได้ครับ  Cry
บันทึกการเข้า

waruts
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 422



ดูรายละเอียด
« ตอบ #6 เมื่อ: 30 กันยายน 2016, 10:21:14 »

จขกท.หมายถึง html 5 ที่เป็น  responsive (mobile friendly) ใช่ไหม


ใช่ครับ wanwan003 wanwan003
บันทึกการเข้า
EyeShild21
สมุนแก๊งเสียว
*

พลังน้ำใจ: 113
ออฟไลน์ ออฟไลน์

กระทู้: 537



ดูรายละเอียด
« ตอบ #7 เมื่อ: 30 กันยายน 2016, 10:23:06 »

สร้าง div มาแล้วปรับขนาดตาม resolution หรือว่าถ้าใช้ boostrap ก้อใส่ใน img แค่ width:100% ก้อน่าจะเต็มกรอบทุกอันแล้วนะครับ
บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,010



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 30 กันยายน 2016, 12:56:43 »

 wanwan004 คำถามกำกวมครับ

เอาเป้น #logo{width:100%;max-width:ขนาดโลโก้px;}  ก็จะได้รูปที่เมื่อขนาดจอเล็กกว่ารูปจริงก็จะทำการแสดงเต็มขนาดพอดีหน้าจออยู่ เช่นเดียวกันเมื่อขนาดจอมากกว่าขนาดโลโก้ ก็จะแสดงผลสูงสุดแค่เท่าขนาดโลโก้

 Cry น่าจะใช่นะ....สำหรับคำตอบไม่รู้ตรงคำถามไหมนะ
บันทึกการเข้า

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
icokezaa
คนรักเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #9 เมื่อ: 30 กันยายน 2016, 14:19:37 »

100% ของรูป หรือ 100% ของหน้าจอ

ถ้าของหน้าจอนี่หมายความว่ารูปของคุณต้องใหญ่มากๆด้วยนะ ไม่งั้นเวลาเปิดใน Desktop รูปแตกกระจุยกระจาย
บันทึกการเข้า

1ZAA
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 1334
ออฟไลน์ ออฟไลน์

กระทู้: 3,531



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 01 ตุลาคม 2016, 09:04:40 »

น่าสนใจครับ ติดตามครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์