Source

ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಸಾಧನಗಳು

ಪ್ರತಿಯೊಂದಕ್ಕೂ ತಿಳಿದಿರುವ ಕ್ವಿರ್ಕ್‌ಗಳು ಮತ್ತು ದೋಷಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಿಂದ ಬೆಂಬಲಿತವಾಗಿರುವ ಆಧುನಿಕದಿಂದ ಹಳೆಯದಕ್ಕೆ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಸಾಧನಗಳ ಕುರಿತು ತಿಳಿಯಿರಿ.

ಬೆಂಬಲಿತ ಬ್ರೌಸರ್‌ಗಳು

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳ ಇತ್ತೀಚಿನ, ಸ್ಥಿರ ಬಿಡುಗಡೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. Windows ನಲ್ಲಿ, ನಾವು Internet Explorer 10-11 / Microsoft Edge ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತೇವೆ .

WebKit, Blink, ಅಥವಾ Gecko ನ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಯನ್ನು ಬಳಸುವ ಪರ್ಯಾಯ ಬ್ರೌಸರ್‌ಗಳು ನೇರವಾಗಿ ಅಥವಾ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ನ ವೆಬ್ ವೀಕ್ಷಣೆ API ಮೂಲಕ ಸ್ಪಷ್ಟವಾಗಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ. ಆದಾಗ್ಯೂ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ (ಹೆಚ್ಚಿನ ಸಂದರ್ಭಗಳಲ್ಲಿ) ಈ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿಯೂ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಬೇಕು ಮತ್ತು ಕಾರ್ಯನಿರ್ವಹಿಸಬೇಕು. ಹೆಚ್ಚಿನ ನಿರ್ದಿಷ್ಟ ಬೆಂಬಲ ಮಾಹಿತಿಯನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ.

ನಮ್ಮ ಬೆಂಬಲಿತ ಶ್ರೇಣಿಯ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಅವುಗಳ ಆವೃತ್ತಿಗಳನ್ನು ನೀವು ನಮ್ಮಲ್ಲಿ ಕಾಣಬಹುದುpackage.json :

"browserslist": [
  "last 1 major version",
  ">= 1%",
  "Chrome >= 45",
  "Firefox >= 38",
  "Edge >= 12",
  "Explorer >= 10",
  "iOS >= 9",
  "Safari >= 9",
  "Android >= 4.4",
  "Opera >= 30"
]

CSS ಪೂರ್ವಪ್ರತ್ಯಯಗಳ ಮೂಲಕ ಉದ್ದೇಶಿತ ಬ್ರೌಸರ್ ಬೆಂಬಲವನ್ನು ನಿರ್ವಹಿಸಲು ನಾವು Autoprefixer ಅನ್ನು ಬಳಸುತ್ತೇವೆ, ಇದು ಈ ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್‌ಗಳ ಪಟ್ಟಿಯನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಈ ಪರಿಕರಗಳನ್ನು ಹೇಗೆ ಸಂಯೋಜಿಸುವುದು ಎಂಬುದರ ಕುರಿತು ಅವರ ದಾಖಲಾತಿಯನ್ನು ನೋಡಿ.

ಮೊಬೈಲ್ ಸಾಧನಗಳು

ಸಾಮಾನ್ಯವಾಗಿ ಹೇಳುವುದಾದರೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಪ್ರತಿ ಪ್ರಮುಖ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ನ ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್‌ಗಳ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಪ್ರಾಕ್ಸಿ ಬ್ರೌಸರ್‌ಗಳು (ಒಪೇರಾ ಮಿನಿ, ಒಪೇರಾ ಮೊಬೈಲ್‌ನ ಟರ್ಬೊ ಮೋಡ್, ಯುಸಿ ಬ್ರೌಸರ್ ಮಿನಿ, ಅಮೆಜಾನ್ ಸಿಲ್ಕ್) ಬೆಂಬಲಿತವಾಗಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸಿ.

ಕ್ರೋಮ್ ಫೈರ್‌ಫಾಕ್ಸ್ ಸಫಾರಿ Android ಬ್ರೌಸರ್ ಮತ್ತು ವೆಬ್ ವೀಕ್ಷಣೆ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್
ಆಂಡ್ರಾಯ್ಡ್ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಎನ್ / ಎ Android v5.0+ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ
ಐಒಎಸ್ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಎನ್ / ಎ ಬೆಂಬಲಿತವಾಗಿದೆ
ವಿಂಡೋಸ್ 10 ಮೊಬೈಲ್ ಎನ್ / ಎ ಎನ್ / ಎ ಎನ್ / ಎ ಎನ್ / ಎ ಬೆಂಬಲಿತವಾಗಿದೆ

ಡೆಸ್ಕ್ಟಾಪ್ ಬ್ರೌಸರ್ಗಳು

ಅಂತೆಯೇ, ಹೆಚ್ಚಿನ ಡೆಸ್ಕ್‌ಟಾಪ್ ಬ್ರೌಸರ್‌ಗಳ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗಳು ಬೆಂಬಲಿತವಾಗಿದೆ.

ಕ್ರೋಮ್ ಫೈರ್‌ಫಾಕ್ಸ್ ಅಂತರ್ಜಾಲ ಶೋಧಕ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್ ಒಪೆರಾ ಸಫಾರಿ
ಮ್ಯಾಕ್ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಎನ್ / ಎ ಎನ್ / ಎ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ
ವಿಂಡೋಸ್ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತ, IE10+ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿತವಾಗಿದೆ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ

Firefox ಗಾಗಿ, ಇತ್ತೀಚಿನ ಸಾಮಾನ್ಯ ಸ್ಥಿರ ಬಿಡುಗಡೆಯ ಜೊತೆಗೆ, ನಾವು Firefox ನ ಇತ್ತೀಚಿನ ವಿಸ್ತೃತ ಬೆಂಬಲ ಬಿಡುಗಡೆ (ESR) ಆವೃತ್ತಿಯನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತೇವೆ.

ಅನಧಿಕೃತವಾಗಿ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಲಿನಕ್ಸ್‌ಗಾಗಿ ಕ್ರೋಮಿಯಂ ಮತ್ತು ಕ್ರೋಮ್, ಲಿನಕ್ಸ್‌ಗಾಗಿ ಫೈರ್‌ಫಾಕ್ಸ್ ಮತ್ತು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 9 ನಲ್ಲಿ ಸಾಕಷ್ಟು ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ ಮತ್ತು ವರ್ತಿಸಬೇಕು, ಆದರೂ ಅವುಗಳು ಅಧಿಕೃತವಾಗಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ.

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಕೆಲವು ಬ್ರೌಸರ್ ದೋಷಗಳ ಪಟ್ಟಿಗಾಗಿ, ನಮ್ಮ ಬ್ರೌಸರ್ ದೋಷಗಳ ಗೋಡೆಯನ್ನು ನೋಡಿ .

ಅಂತರ್ಜಾಲ ಶೋಧಕ

Internet Explorer 10+ ಬೆಂಬಲಿತವಾಗಿದೆ; IE9 ಮತ್ತು ಡೌನ್ ಅಲ್ಲ. ಕೆಲವು CSS3 ಗುಣಲಕ್ಷಣಗಳು ಮತ್ತು HTML5 ಅಂಶಗಳು IE10 ನಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ ಅಥವಾ ಪೂರ್ಣ ಕಾರ್ಯಕ್ಕಾಗಿ ಪೂರ್ವಪ್ರತ್ಯಯ ಗುಣಲಕ್ಷಣಗಳ ಅಗತ್ಯವಿರುತ್ತದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. CSS3 ಮತ್ತು HTML5 ವೈಶಿಷ್ಟ್ಯಗಳ ಬ್ರೌಸರ್ ಬೆಂಬಲದ ವಿವರಗಳಿಗಾಗಿ ನಾನು ಬಳಸಬಹುದೇ... ಅನ್ನು ಭೇಟಿ ಮಾಡಿ.

ನಿಮಗೆ IE8-9 ಬೆಂಬಲದ ಅಗತ್ಯವಿದ್ದರೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ 3 ಅನ್ನು ಬಳಸಿ. ಇದು ನಮ್ಮ ಕೋಡ್‌ನ ಅತ್ಯಂತ ಸ್ಥಿರವಾದ ಆವೃತ್ತಿಯಾಗಿದೆ ಮತ್ತು ನಿರ್ಣಾಯಕ ಬಗ್‌ಫಿಕ್ಸ್‌ಗಳು ಮತ್ತು ದಾಖಲಾತಿ ಬದಲಾವಣೆಗಳಿಗಾಗಿ ನಮ್ಮ ತಂಡವು ಇನ್ನೂ ಬೆಂಬಲಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಇದಕ್ಕೆ ಯಾವುದೇ ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಲಾಗುವುದಿಲ್ಲ.

ಮೊಬೈಲ್‌ನಲ್ಲಿ ಮಾದರಿಗಳು ಮತ್ತು ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು

ಓವರ್‌ಫ್ಲೋ ಮತ್ತು ಸ್ಕ್ರೋಲಿಂಗ್

ಐಒಎಸ್ ಮತ್ತು ಆಂಡ್ರಾಯ್ಡ್‌ನಲ್ಲಿ ಅಂಶಕ್ಕೆ ಬೆಂಬಲವು ಸಾಕಷ್ಟು overflow: hidden;ಸೀಮಿತವಾಗಿದೆ . <body>ಆ ನಿಟ್ಟಿನಲ್ಲಿ, ಆ ಸಾಧನಗಳ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ನೀವು ಮೋಡಲ್‌ನ ಮೇಲ್ಭಾಗ ಅಥವಾ ಕೆಳಭಾಗವನ್ನು ಸ್ಕ್ರಾಲ್ ಮಾಡಿದಾಗ, <body>ವಿಷಯವು ಸ್ಕ್ರಾಲ್ ಮಾಡಲು ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. Chrome ದೋಷ #175502 (Chrome v40 ನಲ್ಲಿ ಪರಿಹರಿಸಲಾಗಿದೆ) ಮತ್ತು WebKit ದೋಷ #153852 ಅನ್ನು ನೋಡಿ .

ಐಒಎಸ್ ಪಠ್ಯ ಕ್ಷೇತ್ರಗಳು ಮತ್ತು ಸ್ಕ್ರೋಲಿಂಗ್

<input>iOS 9.2 ರಂತೆ, ಮಾದರಿಯು ತೆರೆದಿರುವಾಗ, ಸ್ಕ್ರಾಲ್ ಗೆಸ್ಚರ್‌ನ ಆರಂಭಿಕ ಸ್ಪರ್ಶವು ಪಠ್ಯ ಅಥವಾ a ನ ಗಡಿಯೊಳಗೆ ಇದ್ದರೆ, <textarea>ಮಾದರಿಯ <body>ಕೆಳಗಿರುವ ವಿಷಯವನ್ನು ಮಾದರಿಯ ಬದಲಿಗೆ ಸ್ಕ್ರಾಲ್ ಮಾಡಲಾಗುತ್ತದೆ. WebKit ಬಗ್ #153856 ನೋಡಿ .

.dropdown-backdropz-ಇಂಡೆಕ್ಸಿಂಗ್‌ನ ಸಂಕೀರ್ಣತೆಯ ಕಾರಣದಿಂದಾಗಿ NAV ನಲ್ಲಿ iOS ನಲ್ಲಿ ಅಂಶವನ್ನು ಬಳಸಲಾಗುವುದಿಲ್ಲ . ಹೀಗಾಗಿ, ನ್ಯಾವ್‌ಬಾರ್‌ಗಳಲ್ಲಿ ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳನ್ನು ಮುಚ್ಚಲು, ನೀವು ನೇರವಾಗಿ ಡ್ರಾಪ್‌ಡೌನ್ ಅಂಶವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಬೇಕು (ಅಥವಾ ಐಒಎಸ್‌ನಲ್ಲಿ ಕ್ಲಿಕ್ ಈವೆಂಟ್ ಅನ್ನು ಹಾರಿಸುವ ಯಾವುದೇ ಇತರ ಅಂಶ ).

ಬ್ರೌಸರ್ ಜೂಮ್ ಮಾಡಲಾಗುತ್ತಿದೆ

ಪುಟ ಝೂಮಿಂಗ್ ಅನಿವಾರ್ಯವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮತ್ತು ವೆಬ್‌ನ ಉಳಿದ ಭಾಗಗಳಲ್ಲಿ ಕೆಲವು ಘಟಕಗಳಲ್ಲಿ ರೆಂಡರಿಂಗ್ ಕಲಾಕೃತಿಗಳನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ. ಸಮಸ್ಯೆಯನ್ನು ಅವಲಂಬಿಸಿ, ನಾವು ಅದನ್ನು ಸರಿಪಡಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ (ಮೊದಲು ಹುಡುಕಿ ಮತ್ತು ಅಗತ್ಯವಿದ್ದರೆ ಸಮಸ್ಯೆಯನ್ನು ತೆರೆಯಿರಿ). ಆದಾಗ್ಯೂ, ನಾವು ಇವುಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತೇವೆ ಏಕೆಂದರೆ ಅವುಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಹ್ಯಾಕಿ ಪರಿಹಾರಗಳನ್ನು ಹೊರತುಪಡಿಸಿ ಯಾವುದೇ ನೇರ ಪರಿಹಾರವನ್ನು ಹೊಂದಿಲ್ಲ.

ಜಿಗುಟಾದ :hover/ :focusiOS ನಲ್ಲಿ

ಹೆಚ್ಚಿನ ಸ್ಪರ್ಶ ಸಾಧನಗಳಲ್ಲಿ ಸಾಧ್ಯವಾಗದಿದ್ದರೂ, iOS ಈ :hoverನಡವಳಿಕೆಯನ್ನು ಅನುಕರಿಸುತ್ತದೆ, ಇದು ಒಂದು ಅಂಶವನ್ನು ಟ್ಯಾಪ್ ಮಾಡಿದ ನಂತರವೂ ಉಳಿಯುವ "ಜಿಗುಟಾದ" ಹೋವರ್ ಶೈಲಿಗಳಿಗೆ ಕಾರಣವಾಗುತ್ತದೆ. ಬಳಕೆದಾರರು ಮತ್ತೊಂದು ಅಂಶವನ್ನು ಟ್ಯಾಪ್ ಮಾಡಿದಾಗ ಮಾತ್ರ ಈ ಹೋವರ್ ಶೈಲಿಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ. ಈ ನಡವಳಿಕೆಯನ್ನು ಹೆಚ್ಚಾಗಿ ಅನಪೇಕ್ಷಿತವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ ಮತ್ತು Android ಅಥವಾ Windows ಸಾಧನಗಳಲ್ಲಿ ಸಮಸ್ಯೆಯಾಗಿಲ್ಲ ಎಂದು ತೋರುತ್ತದೆ.

ನಮ್ಮ v4 ಆಲ್ಫಾ ಮತ್ತು ಬೀಟಾ ಬಿಡುಗಡೆಗಳಾದ್ಯಂತ, ನಾವು ಅಪೂರ್ಣ ಮತ್ತು ಮೀಡಿಯಾ ಕ್ವೆರಿ ಶಿಮ್ ಅನ್ನು ಆಯ್ಕೆಮಾಡಲು ಕೋಡ್ ಅನ್ನು ಕಾಮೆಂಟ್ ಮಾಡಿದ್ದೇವೆ, ಅದು ತೂಗಾಡುವಿಕೆಯನ್ನು ಅನುಕರಿಸುವ ಸ್ಪರ್ಶ ಸಾಧನ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಹೋವರ್ ಶೈಲಿಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. ಈ ಕೆಲಸವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪೂರ್ಣಗೊಳಿಸಲಾಗಿಲ್ಲ ಅಥವಾ ಸಕ್ರಿಯಗೊಳಿಸಲಾಗಿಲ್ಲ, ಆದರೆ ಸಂಪೂರ್ಣ ಒಡೆಯುವಿಕೆಯನ್ನು ತಪ್ಪಿಸಲು, ನಾವು ಈ ಶಿಮ್ ಅನ್ನು ಅಸಮ್ಮತಿಗೊಳಿಸಲು ಮತ್ತು ಮಿಕ್ಸಿನ್‌ಗಳನ್ನು ಹುಸಿ-ವರ್ಗಗಳಿಗೆ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳಾಗಿ ಇರಿಸಿಕೊಳ್ಳಲು ಆಯ್ಕೆ ಮಾಡಿದ್ದೇವೆ.

ಮುದ್ರಣ

ಕೆಲವು ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿಯೂ ಸಹ, ಮುದ್ರಣವು ಚಮತ್ಕಾರಿಯಾಗಿರಬಹುದು.

Safari v8.0 ನಂತೆ, ಸ್ಥಿರ-ಅಗಲ .containerವರ್ಗದ ಬಳಕೆಯು ಸಫಾರಿಯು ಮುದ್ರಣ ಮಾಡುವಾಗ ಅಸಾಮಾನ್ಯವಾಗಿ ಚಿಕ್ಕದಾದ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಬಳಸಲು ಕಾರಣವಾಗಬಹುದು. ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ ಸಂಚಿಕೆ #14868 ಮತ್ತು WebKit ಬಗ್ #138192 ಅನ್ನು ನೋಡಿ. ಒಂದು ಸಂಭಾವ್ಯ ಪರಿಹಾರವೆಂದರೆ ಕೆಳಗಿನ CSS:

@media print {
  .container {
    width: auto;
  }
}

ಆಂಡ್ರಾಯ್ಡ್ ಸ್ಟಾಕ್ ಬ್ರೌಸರ್

ಬಾಕ್ಸ್‌ನ ಹೊರಗೆ, Android 4.1 (ಮತ್ತು ಕೆಲವು ಹೊಸ ಬಿಡುಗಡೆಗಳು ಸ್ಪಷ್ಟವಾಗಿ) ಬ್ರೌಸರ್ ಅಪ್ಲಿಕೇಶನ್‌ನೊಂದಿಗೆ ಆಯ್ಕೆಯ ಡೀಫಾಲ್ಟ್ ವೆಬ್ ಬ್ರೌಸರ್‌ನಂತೆ (Chrome ಗೆ ವಿರುದ್ಧವಾಗಿ) ರವಾನಿಸುತ್ತದೆ. ದುರದೃಷ್ಟವಶಾತ್, ಬ್ರೌಸರ್ ಅಪ್ಲಿಕೇಶನ್ ಸಾಮಾನ್ಯವಾಗಿ CSS ನೊಂದಿಗೆ ಸಾಕಷ್ಟು ದೋಷಗಳು ಮತ್ತು ಅಸಂಗತತೆಗಳನ್ನು ಹೊಂದಿದೆ.

ಮೆನು ಆಯ್ಕೆಮಾಡಿ

<select>ಅಂಶಗಳಲ್ಲಿ, Android ಸ್ಟಾಕ್ ಬ್ರೌಸರ್ ಒಂದು border-radiusಮತ್ತು/ಅಥವಾ borderಅನ್ವಯಿಸಿದ್ದರೆ ಅಡ್ಡ ನಿಯಂತ್ರಣಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲ . (ವಿವರಗಳಿಗಾಗಿ ಈ StackOverflow ಪ್ರಶ್ನೆಯನ್ನು ನೋಡಿ .) ಆಕ್ಷೇಪಾರ್ಹ CSS ಅನ್ನು ತೆಗೆದುಹಾಕಲು ಕೆಳಗಿನ ಕೋಡ್‌ನ ತುಣುಕನ್ನು ಬಳಸಿ ಮತ್ತು <select>Android ಸ್ಟಾಕ್ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಶೈಲಿಯಿಲ್ಲದ ಅಂಶವಾಗಿ ನಿರೂಪಿಸಿ. ಬಳಕೆದಾರ ಏಜೆಂಟ್ ಸ್ನಿಫಿಂಗ್ Chrome, Safari ಮತ್ತು Mozilla ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಹಸ್ತಕ್ಷೇಪವನ್ನು ತಪ್ಪಿಸುತ್ತದೆ.

<script>
$(function () {
  var nua = navigator.userAgent
  var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
  if (isAndroid) {
    $('select.form-control').removeClass('form-control').css('width', '100%')
  }
})
</script>

ಒಂದು ಉದಾಹರಣೆಯನ್ನು ನೋಡಲು ಬಯಸುವಿರಾ? ಈ JS ಬಿನ್ ಡೆಮೊವನ್ನು ಪರಿಶೀಲಿಸಿ.

ಮೌಲ್ಯೀಕರಿಸುವವರು

ಹಳೆಯ ಮತ್ತು ದೋಷಯುಕ್ತ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಉತ್ತಮವಾದ ಅನುಭವವನ್ನು ಒದಗಿಸುವ ಸಲುವಾಗಿ, ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿನ ದೋಷಗಳ ಸುತ್ತಲೂ ಕೆಲಸ ಮಾಡಲು ಕೆಲವು ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳಿಗೆ ವಿಶೇಷ CSS ಅನ್ನು ಗುರಿಯಾಗಿಸಲು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಹಲವಾರು ಸ್ಥಳಗಳಲ್ಲಿ CSS ಬ್ರೌಸರ್ ಹ್ಯಾಕ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಈ ಹ್ಯಾಕ್‌ಗಳು ಸಿಎಸ್‌ಎಸ್ ವ್ಯಾಲಿಡೇಟರ್‌ಗಳು ಅಮಾನ್ಯವಾಗಿದೆ ಎಂದು ದೂರಲು ಕಾರಣವಾಗುತ್ತವೆ. ಒಂದೆರಡು ಸ್ಥಳಗಳಲ್ಲಿ, ನಾವು ಇನ್ನೂ ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಮಾಣೀಕರಿಸದ ಬ್ಲೀಡಿಂಗ್-ಎಡ್ಜ್ CSS ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸುತ್ತೇವೆ, ಆದರೆ ಇವುಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಗತಿಶೀಲ ವರ್ಧನೆಗಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

ನಮ್ಮ CSS ನ ಹ್ಯಾಕಿ ಅಲ್ಲದ ಭಾಗವು ಸಂಪೂರ್ಣವಾಗಿ ಮೌಲ್ಯೀಕರಿಸುವುದರಿಂದ ಮತ್ತು ಹ್ಯಾಕಿ ಭಾಗಗಳು ಹ್ಯಾಕಿ ಅಲ್ಲದ ಭಾಗದ ಸರಿಯಾದ ಕಾರ್ಯನಿರ್ವಹಣೆಯಲ್ಲಿ ಮಧ್ಯಪ್ರವೇಶಿಸುವುದಿಲ್ಲವಾದ್ದರಿಂದ ಈ ಮೌಲ್ಯೀಕರಣ ಎಚ್ಚರಿಕೆಗಳು ಪ್ರಾಯೋಗಿಕವಾಗಿ ಅಪ್ರಸ್ತುತವಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನಾವು ಈ ನಿರ್ದಿಷ್ಟ ಎಚ್ಚರಿಕೆಗಳನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ನಿರ್ಲಕ್ಷಿಸುತ್ತೇವೆ.

ನಮ್ಮ HTML ಡಾಕ್ಸ್ ಅಂತೆಯೇ ಕೆಲವು ಕ್ಷುಲ್ಲಕ ಮತ್ತು ಅಸಮಂಜಸವಾದ HTML ಮೌಲ್ಯೀಕರಣ ಎಚ್ಚರಿಕೆಗಳನ್ನು ಹೊಂದಿದೆ ಏಕೆಂದರೆ ನಾವು ಒಂದು ನಿರ್ದಿಷ್ಟ ಫೈರ್‌ಫಾಕ್ಸ್ ದೋಷಕ್ಕೆ ಪರಿಹಾರವನ್ನು ಸೇರಿಸಿದ್ದೇವೆ .