การเขียนโปรแกรม css

9

จะจำลองหน้าจอความละเอียดสูงขึ้นได้อย่างไร? [ปิด]

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีวิธีใดบ้างที่เบราว์เซอร์จะทดสอบเว็บไซต์ของฉันด้วยความละเอียดที่สูงกว่าหน้าจอของฉัน เช่นฉันมีหน้าจอ 1440 x 900 และฉันต้องการทดสอบเว็บไซต์ในขนาด 1920 x 1200, 1920 x 1080 เป็นต้น

95 html css resolution

8

ความแตกต่างระหว่าง pseudo-class และ pseudo-element ใน CSS คืออะไร?

สิ่งที่ชอบa:linkหรือdiv::after... ข้อมูลเกี่ยวกับความแตกต่างดูเหมือนจะหายาก

95 css css-selectors pseudo-class pseudo-element

7

ทำให้ div ภายนอกมีความสูงเท่ากับเนื้อหาลอยโดยอัตโนมัติ

ฉันต้องการด้านนอกdivซึ่งเป็นสีดำเพื่อห่อหุ้มมันให้divลอยอยู่ภายใน ฉันไม่ต้องการที่จะใช้style='height: 200pxในdivกับouterdivรหัสตามที่ผมต้องการให้เป็นโดยอัตโนมัติสูงของเนื้อหา (เช่นลอยdivs) <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: right;'> <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p> </div> จะบรรลุเป้าหมายนี้ได้อย่างไร?

95 css html css-float

6

ฉันจะยกเลิกการตั้งค่าแอตทริบิวต์ CSS ขององค์ประกอบโดยใช้ jQuery ได้อย่างไร

หากฉันตั้งค่า CSS ในองค์ประกอบเฉพาะโดยใช้: $('#element').css('background-color', '#ccc'); ฉันต้องการที่จะสามารถยกเลิกการตั้งค่าเฉพาะองค์ประกอบนั้นและใช้ค่าเรียงซ้อนตามบรรทัดของ: $('#element').css('background-color', null); แต่ดูเหมือนว่าไวยากรณ์จะใช้ไม่ได้ - เป็นไปได้หรือไม่โดยใช้ไวยากรณ์อื่น แก้ไข:ค่านี้ไม่ได้รับมาจากองค์ประกอบหลัก - ค่าดั้งเดิมมาจากตัวเลือกระดับองค์ประกอบ ขออภัยในความสับสน!

95 jquery css

5

จะจัดแนวตั้งตรงกลางเนื้อหาของ div ด้วยความกว้าง / ความสูงที่กำหนดได้อย่างไร?

สิ่งที่จะเป็นวิธีการที่ถูกต้องในแนวตั้งศูนย์เนื้อหาใด ๆ divในที่กำหนดไว้กว้าง ในตัวอย่างที่.contentมีสองเนื้อหามีความสูงที่แตกต่างกันว่าเป็นวิธีที่ดีที่สุดในการศูนย์แนวตั้งทั้งใช้ในชั้นเรียน (และใช้ได้กับทุกเบราว์เซอร์และไม่มีวิธีแก้ปัญหาtable-cell) มีการแก้ปัญหาบางอย่างในใจ แต่อยากจะรู้ว่าความคิดอื่น ๆ มีการใช้และposition:absolute; top:0; bottom: 0;margin auto

95 html css vertical-alignment

13

ป้องกัน linebreak หลังจาก </div>

มีวิธีป้องกันการแตกบรรทัดหลัง div ด้วย css หรือไม่? ตัวอย่างเช่นฉันมี <div class="label">My Label:</div> <div class="text">My text</div> และต้องการให้แสดงเช่น: ป้ายกำกับของฉัน: ข้อความของฉัน

95 css html

3

ฉันต้องใส่เครื่องหมายคำพูดรอบ ๆ ชื่อตระกูลแบบอักษรใน CSS หรือไม่?

ฉันจำได้ว่าเคยได้ยินเมื่อนานมาแล้วว่าถือเป็น "แนวทางปฏิบัติที่ดีที่สุด" ในการตัดคำพูดรอบชื่อแบบอักษรที่มีคำหลายคำในคุณสมบัติแบบอักษรตระกูล CSS เช่นนี้ font-family: "Arial Narrow", Arial, Helvetica, sans-serif; สำหรับเรื่องนี้ฉันได้ลองลบเครื่องหมายคำพูดออก"Arial Narrow"และ Safari และ Firefox ไม่มีปัญหาในการแสดงผล ดังนั้นมีตรรกะใด ๆ สำหรับกฎง่ายๆนี้หรือเป็นเพียงตำนาน? เป็นปัญหากับเบราว์เซอร์รุ่นเก่าที่ใช้กับเวอร์ชันปัจจุบันไม่ได้อีกต่อไปหรือไม่ ฉันทำแบบนี้มานานมากจนไม่เคยหยุดคิดว่ามันจำเป็นจริงหรือเปล่า

95 css font-family quotation-marks

10

ปิดใช้งานสีข้อความที่ป้อน

HTML แบบง่ายด้านล่างแสดงแตกต่างกันในเบราว์เซอร์ Firefox และ WebKit (ฉันตรวจสอบใน Safari, Chrome และ iPhone) ใน Firefox ทั้งเส้นขอบและข้อความจะมีสีเดียวกัน ( #880000) แต่ใน Safari ข้อความจะจางลงเล็กน้อย (ราวกับว่ามีความโปร่งใสอยู่บ้าง) ฉันจะแก้ไขได้อย่างไร (ลบความโปร่งใสนี้ใน Safari) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

95 iphone html css safari webkit

3

Absolute และ Flexbox ใน React Native

ฉันต้องการใส่แถบสีขาวซึ่งจะใช้ความกว้างทั้งหมดที่ด้านล่างของหน้าจอ ในการทำเช่นนั้นฉันคิดเกี่ยวกับการใช้การabsoluteกำหนดตำแหน่งกับflexboxพารามิเตอร์ที่สืบทอดมา ด้วยรหัสต่อไปนี้จะแสดงผลบางอย่างเช่นนี้ นี่คือรหัสของฉัน: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); …

95 javascript css react-native

7

เพิ่มคุณสมบัติเคอร์เซอร์ CSS เมื่อใช้“ pointer-events: none”

ฉันกำลังพยายามปิดการใช้งานลิงก์เฉพาะและใช้รูปแบบเคอร์เซอร์ แต่คำสั่ง CSS นี้cursor: text;จะไม่มีผล เคอร์เซอร์เป็นค่าเริ่มต้นเสมอ ฉันใช้ Firefox เวอร์ชันล่าสุด CSS: pointer-events: none !important; cursor: text; color: Blue;

95 css

9

วิธีจัดรูปแบบอินพุตช่วง HTML5 ให้มีสีต่างกันก่อนและหลังแถบเลื่อน?

ฉันต้องการให้ด้านซ้ายเป็นสีเขียวและด้านขวาเป็นสีเทา ตามภาพด้านบนจะสมบูรณ์แบบ ควรเป็นโซลูชัน CSS ที่แท้จริง (ต้องกังวลเกี่ยวกับ WebKit เท่านั้น) สิ่งนั้นเป็นไปได้หรือไม่?

95 css html input webkit

9

จัดกึ่งกลางบน Div ตำแหน่งแน่นอน

div#thing { position: absolute; top: 0px; z-index: 2; margin: 0 auto; } <div id="thing"> <p>text text text with no fixed size, variable font</p> </div> div อยู่ด้านบนสุด แต่ฉันไม่สามารถจัดกึ่งกลางด้วย<center>หรือmargin: 0 auto;

95 html css xhtml

8

เหตุใดขอบไม่: จัดกึ่งกลางภาพโดยอัตโนมัติ

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> divขยายถึง 100% ตามที่ควร แต่ภาพที่ไม่ได้อยู่ตรงกลางของตัวเอง ทำไม?

95 html css

6

iOS บังคับให้มุมโค้งมนและแสงสะท้อนที่อินพุต

อุปกรณ์ iOS เพิ่มรูปแบบที่น่ารำคาญมากมายให้กับอินพุตแบบฟอร์มโดยเฉพาะอย่างยิ่งในอินพุต [type = submit] ที่แสดงด้านล่างนี้เป็นรูปแบบการค้นหาทั่วไปแบบเดียวกันบนเบราว์เซอร์เดสก์ท็อปและบน iPad เดสก์ทอป: iPad: อินพุต [type = text] ใช้เงาแทรกกล่อง CSS และฉันยังระบุ -webkit-border-radius: none; ซึ่งดูเหมือนจะถูกลบล้าง สีและรูปร่างของปุ่ม [type = submit] อินพุตของฉันถูกทำลายอย่างสมบูรณ์บน iPad มีใครรู้บ้างว่าฉันจะแก้ไขปัญหานี้ได้อย่างไร ขอบคุณล่วงหน้า.

95 css ios forms

12

รวมและลดขนาดไฟล์ CSS / JS หลายไฟล์

ฉันกำลังพยายามเพิ่มประสิทธิภาพไซต์โดยการรวมและบีบอัดไฟล์ CSS และ JS คำถามของฉันเป็นข้อมูลเพิ่มเติมเกี่ยวกับขั้นตอน (ที่เป็นรูปธรรม) เกี่ยวกับวิธีบรรลุเป้าหมายนี้โดยพิจารณาจากสถานการณ์จริงที่ฉันเผชิญอยู่ (ควรเป็นเรื่องปกติของนักพัฒนาซอฟต์แวร์รายอื่นด้วย) หน้าของฉันอ้างอิงไฟล์ CSS และ JS หลายไฟล์ดังต่อไปนี้:  <link type="text/css" rel="stylesheet" href="https://stackoverflow.com/css/main.css" /> <link type="text/css" rel="stylesheet" href="https://stackoverflow.com/css/secondary-1.css" /> <link type="text/css" rel="stylesheet" href="https://stackoverflow.com/css/secondary-2.css" /> <script type="text/javascript" src="/scripts/js/main.js"></script> <script …

95 javascript css optimization yui-compressor http-compression

คำถามติดแท็ก css