Source

ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਡਿਵਾਈਸਾਂ

ਉਹਨਾਂ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਡਿਵਾਈਸਾਂ ਬਾਰੇ ਜਾਣੋ, ਆਧੁਨਿਕ ਤੋਂ ਪੁਰਾਣੇ ਤੱਕ, ਜੋ ਕਿ ਬੂਟਸਟਰੈਪ ਦੁਆਰਾ ਸਮਰਥਿਤ ਹਨ, ਹਰੇਕ ਲਈ ਜਾਣੇ-ਪਛਾਣੇ ਕੁਇਰਕਸ ਅਤੇ ਬੱਗਸ ਸਮੇਤ।

ਸਮਰਥਿਤ ਬ੍ਰਾਊਜ਼ਰ

ਬੂਟਸਟਰੈਪ ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਪਲੇਟਫਾਰਮਾਂ ਦੇ ਨਵੀਨਤਮ, ਸਥਿਰ ਰੀਲੀਜ਼ਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। Windows 'ਤੇ, ਅਸੀਂ Internet Explorer 10-11 / Microsoft Edge ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਾਂ

ਵੈਬਕਿੱਟ, ਬਲਿੰਕ, ਜਾਂ ਗੇਕੋ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਵਿਕਲਪਿਕ ਬ੍ਰਾਊਜ਼ਰ, ਭਾਵੇਂ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਜਾਂ ਪਲੇਟਫਾਰਮ ਦੇ ਵੈੱਬ ਵਿਊ 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 ਪ੍ਰੀਫਿਕਸ ਦੁਆਰਾ ਉਦੇਸ਼ਿਤ ਬ੍ਰਾਊਜ਼ਰ ਸਹਾਇਤਾ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਆਟੋਪ੍ਰੀਫਿਕਸਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ, ਜੋ ਇਹਨਾਂ ਬ੍ਰਾਊਜ਼ਰ ਸੰਸਕਰਣਾਂ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰਲਿਸਟ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹਨਾਂ ਸਾਧਨਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਕਿਵੇਂ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਹੈ ਇਸ ਲਈ ਉਹਨਾਂ ਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਦੀ ਸਲਾਹ ਲਓ।

ਮੋਬਾਈਲ ਉਪਕਰਣ

ਆਮ ਤੌਰ 'ਤੇ, ਬੂਟਸਟਰੈਪ ਹਰੇਕ ਪ੍ਰਮੁੱਖ ਪਲੇਟਫਾਰਮ ਦੇ ਡਿਫੌਲਟ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਨੋਟ ਕਰੋ ਕਿ ਪ੍ਰੌਕਸੀ ਬ੍ਰਾਊਜ਼ਰ (ਜਿਵੇਂ ਕਿ ਓਪੇਰਾ ਮਿਨੀ, ਓਪੇਰਾ ਮੋਬਾਈਲ ਦਾ ਟਰਬੋ ਮੋਡ, ਯੂਸੀ ਬ੍ਰਾਊਜ਼ਰ ਮਿਨੀ, ਐਮਾਜ਼ਾਨ ਸਿਲਕ) ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ।

ਕਰੋਮ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਐਂਡਰਾਇਡ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਵੈਬਵਿਊ ਮਾਈਕ੍ਰੋਸਾੱਫਟ ਐਜ
ਐਂਡਰਾਇਡ ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ N/A Android v5.0+ ਸਮਰਥਿਤ ਸਹਿਯੋਗੀ
iOS ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ N/A ਸਹਿਯੋਗੀ
ਵਿੰਡੋਜ਼ 10 ਮੋਬਾਈਲ N/A N/A N/A N/A ਸਹਿਯੋਗੀ

ਡੈਸਕਟਾਪ ਬ੍ਰਾਊਜ਼ਰ

ਇਸੇ ਤਰ੍ਹਾਂ, ਜ਼ਿਆਦਾਤਰ ਡੈਸਕਟਾਪ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਸਮਰਥਿਤ ਹਨ।

ਕਰੋਮ ਫਾਇਰਫਾਕਸ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਮਾਈਕ੍ਰੋਸਾੱਫਟ ਐਜ ਓਪੇਰਾ ਸਫਾਰੀ
ਮੈਕ ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ N/A N/A ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ
ਵਿੰਡੋਜ਼ ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ ਸਮਰਥਿਤ, IE10+ ਸਹਿਯੋਗੀ ਸਹਿਯੋਗੀ ਸਹਾਇਕ ਨਹੀ ਹੈ

ਫਾਇਰਫਾਕਸ ਲਈ, ਨਵੀਨਤਮ ਸਧਾਰਣ ਸਥਿਰ ਰੀਲੀਜ਼ ਤੋਂ ਇਲਾਵਾ, ਅਸੀਂ ਫਾਇਰਫਾਕਸ ਦੇ ਨਵੀਨਤਮ ਐਕਸਟੈਂਡਡ ਸਪੋਰਟ ਰੀਲੀਜ਼ (ESR) ਸੰਸਕਰਣ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਾਂ।

ਅਣਅਧਿਕਾਰਤ ਤੌਰ 'ਤੇ, ਬੂਟਸਟਰੈਪ ਨੂੰ ਕ੍ਰੋਮੀਅਮ ਅਤੇ ਲੀਨਕਸ ਲਈ ਕ੍ਰੋਮ, ਲੀਨਕਸ ਲਈ ਫਾਇਰਫਾਕਸ, ਅਤੇ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 9 ਵਿੱਚ ਚੰਗੀ ਤਰ੍ਹਾਂ ਦੇਖਣਾ ਅਤੇ ਵਿਵਹਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਹਾਲਾਂਕਿ ਇਹ ਅਧਿਕਾਰਤ ਤੌਰ 'ਤੇ ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ।

ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਬੱਗਾਂ ਦੀ ਸੂਚੀ ਲਈ ਜਿਨ੍ਹਾਂ ਨਾਲ ਬੂਟਸਟਰੈਪ ਨੂੰ ਜੂਝਣਾ ਪੈਂਦਾ ਹੈ, ਸਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਬੱਗਾਂ ਦੀ ਕੰਧ ਦੇਖੋ ।

ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ

ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 10+ ਸਮਰਥਿਤ ਹੈ; IE9 ਅਤੇ ਹੇਠਾਂ ਨਹੀਂ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਕੁਝ CSS3 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ HTML5 ਤੱਤ IE10 ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ, ਜਾਂ ਪੂਰੀ ਕਾਰਜਸ਼ੀਲਤਾ ਲਈ ਪ੍ਰੀਫਿਕਸਡ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਲੋੜ ਹੈ। CSS3 ਅਤੇ HTML5 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਸਮਰਥਨ 'ਤੇ ਵੇਰਵਿਆਂ ਲਈ ਕੀ ਮੈਂ ਵਰਤ ਸਕਦਾ ਹਾਂ... 'ਤੇ ਜਾਓ ।

ਜੇਕਰ ਤੁਹਾਨੂੰ IE8-9 ਸਮਰਥਨ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਬੂਟਸਟਰੈਪ 3 ਦੀ ਵਰਤੋਂ ਕਰੋ। ਇਹ ਸਾਡੇ ਕੋਡ ਦਾ ਸਭ ਤੋਂ ਸਥਿਰ ਸੰਸਕਰਣ ਹੈ ਅਤੇ ਅਜੇ ਵੀ ਗੰਭੀਰ ਬੱਗ ਫਿਕਸ ਅਤੇ ਦਸਤਾਵੇਜ਼ੀ ਤਬਦੀਲੀਆਂ ਲਈ ਸਾਡੀ ਟੀਮ ਦੁਆਰਾ ਸਮਰਥਿਤ ਹੈ। ਹਾਲਾਂਕਿ ਇਸ 'ਚ ਕੋਈ ਨਵਾਂ ਫੀਚਰ ਨਹੀਂ ਜੋੜਿਆ ਜਾਵੇਗਾ।

ਮੋਬਾਈਲ 'ਤੇ ਮਾਡਲ ਅਤੇ ਡਰਾਪਡਾਊਨ

ਓਵਰਫਲੋ ਅਤੇ ਸਕ੍ਰੋਲਿੰਗ

overflow: hidden;ਆਈਓਐਸ ਅਤੇ ਐਂਡਰੌਇਡ ਵਿੱਚ ਐਲੀਮੈਂਟ ਲਈ ਸਮਰਥਨ <body>ਕਾਫ਼ੀ ਸੀਮਤ ਹੈ। ਇਸ ਲਈ, ਜਦੋਂ ਤੁਸੀਂ ਇਹਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਵੀ ਡਿਵਾਈਸ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਇੱਕ ਮਾਡਲ ਦੇ ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਤਾਂ <body>ਸਮੱਗਰੀ ਸਕ੍ਰੋਲ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਦੇਵੇਗੀ। ਕਰੋਮ ਬੱਗ #175502 ( Chrome v40 ਵਿੱਚ ਹੱਲ) ਅਤੇ WebKit ਬੱਗ #153852 ਦੇਖੋ

iOS ਟੈਕਸਟ ਖੇਤਰ ਅਤੇ ਸਕ੍ਰੋਲਿੰਗ

iOS 9.2 ਦੇ ਅਨੁਸਾਰ, ਜਦੋਂ ਇੱਕ ਮਾਡਲ ਖੁੱਲ੍ਹਾ ਹੁੰਦਾ ਹੈ, ਜੇਕਰ ਇੱਕ ਸਕ੍ਰੌਲ ਸੰਕੇਤ ਦੀ ਸ਼ੁਰੂਆਤੀ ਛੋਹ ਇੱਕ ਟੈਕਸਟ <input>ਜਾਂ ਇੱਕ ਦੀ ਸੀਮਾ ਦੇ ਅੰਦਰ ਹੈ <textarea>, <body>ਤਾਂ ਮਾਡਲ ਦੇ ਹੇਠਾਂ ਸਮੱਗਰੀ ਨੂੰ ਮਾਡਲ ਦੀ ਬਜਾਏ ਸਕ੍ਰੋਲ ਕੀਤਾ ਜਾਵੇਗਾ। ਵੈਬਕਿੱਟ ਬੱਗ #153856 ਵੇਖੋ ।

.dropdown-backdropz-ਇੰਡੈਕਸਿੰਗ ਦੀ ਗੁੰਝਲਤਾ ਦੇ ਕਾਰਨ ਆਈਓਐਸ 'ਤੇ ਤੱਤ ਦੀ ਵਰਤੋਂ nav ਵਿੱਚ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ । ਇਸ ਤਰ੍ਹਾਂ, navbars ਵਿੱਚ ਡ੍ਰੌਪਡਾਉਨ ਨੂੰ ਬੰਦ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਡ੍ਰੌਪਡਾਉਨ ਐਲੀਮੈਂਟ (ਜਾਂ ਕੋਈ ਹੋਰ ਐਲੀਮੈਂਟ ਜੋ iOS ਵਿੱਚ ਇੱਕ ਕਲਿਕ ਇਵੈਂਟ ਨੂੰ ਫਾਇਰ ਕਰੇਗਾ ) ਨੂੰ ਸਿੱਧਾ ਕਲਿੱਕ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ।

ਬ੍ਰਾਊਜ਼ਰ ਜ਼ੂਮ ਕਰਨਾ

ਪੰਨਾ ਜ਼ੂਮ ਕਰਨਾ ਲਾਜ਼ਮੀ ਤੌਰ 'ਤੇ ਬੂਟਸਟਰੈਪ ਅਤੇ ਬਾਕੀ ਵੈੱਬ ਦੋਵਾਂ ਵਿੱਚ, ਕੁਝ ਹਿੱਸਿਆਂ ਵਿੱਚ ਰੈਂਡਰਿੰਗ ਕਲਾਤਮਕ ਚੀਜ਼ਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਮੁੱਦੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਅਸੀਂ ਇਸਨੂੰ ਠੀਕ ਕਰਨ ਦੇ ਯੋਗ ਹੋ ਸਕਦੇ ਹਾਂ (ਪਹਿਲਾਂ ਖੋਜ ਕਰੋ ਅਤੇ ਫਿਰ ਲੋੜ ਪੈਣ 'ਤੇ ਸਮੱਸਿਆ ਨੂੰ ਖੋਲ੍ਹੋ)। ਹਾਲਾਂਕਿ, ਅਸੀਂ ਇਹਨਾਂ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼ ਕਰਦੇ ਹਾਂ ਕਿਉਂਕਿ ਉਹਨਾਂ ਕੋਲ ਅਕਸਰ ਹੈਕੀ ਹੱਲ ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਸਿੱਧਾ ਹੱਲ ਨਹੀਂ ਹੁੰਦਾ।

ਸਟਿੱਕੀ :hover/ :focusiOS 'ਤੇ

ਹਾਲਾਂਕਿ :hoverਜ਼ਿਆਦਾਤਰ ਟੱਚ ਡਿਵਾਈਸਾਂ 'ਤੇ ਸੰਭਵ ਨਹੀਂ ਹੈ, iOS ਇਸ ਵਿਵਹਾਰ ਦੀ ਨਕਲ ਕਰਦਾ ਹੈ, ਨਤੀਜੇ ਵਜੋਂ "ਸਟਿੱਕੀ" ਹੋਵਰ ਸਟਾਈਲ ਹਨ ਜੋ ਇੱਕ ਤੱਤ ਨੂੰ ਟੈਪ ਕਰਨ ਤੋਂ ਬਾਅਦ ਜਾਰੀ ਰਹਿੰਦੀਆਂ ਹਨ। ਇਹ ਹੋਵਰ ਸਟਾਈਲ ਸਿਰਫ਼ ਉਦੋਂ ਹੀ ਹਟਾਏ ਜਾਂਦੇ ਹਨ ਜਦੋਂ ਉਪਭੋਗਤਾ ਕਿਸੇ ਹੋਰ ਤੱਤ ਨੂੰ ਟੈਪ ਕਰਦੇ ਹਨ। ਇਸ ਵਿਵਹਾਰ ਨੂੰ ਵੱਡੇ ਪੱਧਰ 'ਤੇ ਅਣਚਾਹੇ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ Android ਜਾਂ Windows ਡਿਵਾਈਸਾਂ 'ਤੇ ਕੋਈ ਮੁੱਦਾ ਨਹੀਂ ਜਾਪਦਾ ਹੈ।

ਸਾਡੇ v4 ਅਲਫ਼ਾ ਅਤੇ ਬੀਟਾ ਰੀਲੀਜ਼ਾਂ ਦੇ ਦੌਰਾਨ, ਅਸੀਂ ਮੀਡੀਆ ਪੁੱਛਗਿੱਛ ਸ਼ਿਮ ਵਿੱਚ ਚੋਣ ਕਰਨ ਲਈ ਅਧੂਰਾ ਅਤੇ ਟਿੱਪਣੀ ਕੋਡ ਸ਼ਾਮਲ ਕੀਤਾ ਹੈ ਜੋ ਹੋਵਰਿੰਗ ਦੀ ਨਕਲ ਕਰਨ ਵਾਲੇ ਟੱਚ ਡਿਵਾਈਸ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਹੋਵਰ ਸਟਾਈਲ ਨੂੰ ਅਸਮਰੱਥ ਬਣਾ ਦੇਵੇਗਾ। ਇਹ ਕੰਮ ਕਦੇ ਵੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪੂਰਾ ਜਾਂ ਸਮਰੱਥ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਸੀ, ਪਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਟੁੱਟਣ ਤੋਂ ਬਚਣ ਲਈ, ਅਸੀਂ ਇਸ ਸ਼ਿਮ ਨੂੰ ਨਾਪਸੰਦ ਕਰਨ ਅਤੇ ਮਿਕਸੀਨ ਨੂੰ ਸੂਡੋ-ਕਲਾਸਾਂ ਲਈ ਸ਼ਾਰਟਕੱਟ ਵਜੋਂ ਰੱਖਣ ਦੀ ਚੋਣ ਕੀਤੀ ਹੈ।

ਛਪਾਈ

ਇੱਥੋਂ ਤੱਕ ਕਿ ਕੁਝ ਆਧੁਨਿਕ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ, ਪ੍ਰਿੰਟਿੰਗ ਵਿਅੰਗਾਤਮਕ ਹੋ ਸਕਦੀ ਹੈ।

Safari v8.0 ਦੇ ਅਨੁਸਾਰ, ਫਿਕਸਡ-ਚੌੜਾਈ .containerਕਲਾਸ ਦੀ ਵਰਤੋਂ ਸਫਾਰੀ ਨੂੰ ਛਾਪਣ ਵੇਲੇ ਇੱਕ ਅਸਧਾਰਨ ਤੌਰ 'ਤੇ ਛੋਟੇ ਫੌਂਟ ਆਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦੀ ਹੈ। ਹੋਰ ਵੇਰਵਿਆਂ ਲਈ ਅੰਕ #14868 ਅਤੇ ਵੈਬਕਿੱਟ ਬੱਗ #138192 ਦੇਖੋ। ਇੱਕ ਸੰਭਾਵੀ ਹੱਲ ਹੇਠਾਂ ਦਿੱਤਾ CSS ਹੈ:

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

ਐਂਡਰਾਇਡ ਸਟਾਕ ਬ੍ਰਾਊਜ਼ਰ

ਬਾਕਸ ਤੋਂ ਬਾਹਰ, ਐਂਡਰੌਇਡ 4.1 (ਅਤੇ ਜ਼ਾਹਰ ਤੌਰ 'ਤੇ ਕੁਝ ਨਵੇਂ ਰੀਲੀਜ਼ ਵੀ) ਬ੍ਰਾਊਜ਼ਰ ਐਪ ਦੇ ਨਾਲ ਪਸੰਦ ਦੇ ਡਿਫੌਲਟ ਵੈੱਬ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਤੌਰ 'ਤੇ ਭੇਜਦੇ ਹਨ (Chrome ਦੇ ਉਲਟ)। ਬਦਕਿਸਮਤੀ ਨਾਲ, ਬ੍ਰਾਊਜ਼ਰ ਐਪ ਵਿੱਚ ਆਮ ਤੌਰ 'ਤੇ CSS ਨਾਲ ਬਹੁਤ ਸਾਰੇ ਬੱਗ ਅਤੇ ਅਸੰਗਤਤਾਵਾਂ ਹਨ।

ਮੀਨੂ ਚੁਣੋ

ਐਲੀਮੈਂਟਸ ' <select>ਤੇ, ਐਂਡਰੌਇਡ ਸਟਾਕ ਬ੍ਰਾਊਜ਼ਰ ਸਾਈਡ ਕੰਟਰੋਲ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਕਰੇਗਾ ਜੇਕਰ ਕੋਈ border-radiusਅਤੇ/ਜਾਂ borderਲਾਗੂ ਹੁੰਦਾ ਹੈ। ( ਵੇਰਵਿਆਂ ਲਈ ਇਹ ਸਟੈਕਓਵਰਫਲੋ ਸਵਾਲ ਦੇਖੋ।) ਅਪਮਾਨਜਨਕ CSS ਨੂੰ ਹਟਾਉਣ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕੋਡ ਦੇ ਸਨਿੱਪਟ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ <select>ਐਂਡਰੌਇਡ ਸਟਾਕ ਬ੍ਰਾਊਜ਼ਰ 'ਤੇ ਅਣ-ਸਟਾਈਲ ਐਲੀਮੈਂਟ ਵਜੋਂ ਰੈਂਡਰ ਕਰੋ। ਉਪਭੋਗਤਾ ਏਜੰਟ ਸੁੰਘਣ ਨਾਲ 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>

ਇੱਕ ਉਦਾਹਰਣ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ? ਇਸ ਜੇਐਸ ਬਿਨ ਡੈਮੋ ਨੂੰ ਦੇਖੋ।

ਪ੍ਰਮਾਣਿਕਤਾ

ਪੁਰਾਣੇ ਅਤੇ ਬੱਗੀ ਬ੍ਰਾਊਜ਼ਰਾਂ ਨੂੰ ਸਭ ਤੋਂ ਵਧੀਆ ਸੰਭਵ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ, ਬੂਟਸਟਰੈਪ ਕਈ ਥਾਵਾਂ 'ਤੇ CSS ਬ੍ਰਾਊਜ਼ਰ ਹੈਕ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਸੰਸਕਰਣਾਂ ਨੂੰ ਖਾਸ CSS ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਇਆ ਜਾ ਸਕੇ ਤਾਂ ਜੋ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਬੱਗ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਕੰਮ ਕੀਤਾ ਜਾ ਸਕੇ। ਇਹ ਹੈਕ ਸਮਝਦਾਰੀ ਨਾਲ CSS ਪ੍ਰਮਾਣਿਕਤਾ ਨੂੰ ਸ਼ਿਕਾਇਤ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਦੇ ਹਨ ਕਿ ਉਹ ਅਵੈਧ ਹਨ। ਕੁਝ ਥਾਵਾਂ 'ਤੇ, ਅਸੀਂ ਬਲੀਡਿੰਗ-ਐਜ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਜੋ ਅਜੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਮਾਣਿਤ ਨਹੀਂ ਹਨ, ਪਰ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਗਤੀਸ਼ੀਲ ਸੁਧਾਰ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।

ਇਹ ਪ੍ਰਮਾਣਿਕਤਾ ਚੇਤਾਵਨੀਆਂ ਅਭਿਆਸ ਵਿੱਚ ਮਾਇਨੇ ਨਹੀਂ ਰੱਖਦੀਆਂ ਕਿਉਂਕਿ ਸਾਡੇ CSS ਦਾ ਗੈਰ-ਹੈਕੀ ਹਿੱਸਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਮਾਣਿਤ ਹੁੰਦਾ ਹੈ ਅਤੇ ਹੈਕੀ ਹਿੱਸੇ ਗੈਰ-ਹੈਕੀ ਵਾਲੇ ਹਿੱਸੇ ਦੇ ਸਹੀ ਕੰਮਕਾਜ ਵਿੱਚ ਵਿਘਨ ਨਹੀਂ ਪਾਉਂਦੇ ਹਨ, ਇਸ ਲਈ ਅਸੀਂ ਜਾਣਬੁੱਝ ਕੇ ਇਹਨਾਂ ਖਾਸ ਚੇਤਾਵਨੀਆਂ ਨੂੰ ਅਣਡਿੱਠ ਕਿਉਂ ਕਰਦੇ ਹਾਂ।

ਸਾਡੇ HTML ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਵੀ ਕੁਝ ਮਾਮੂਲੀ ਅਤੇ ਗੈਰ-ਜ਼ਰੂਰੀ HTML ਪ੍ਰਮਾਣਿਕਤਾ ਚੇਤਾਵਨੀਆਂ ਹਨ ਕਿਉਂਕਿ ਇੱਕ ਖਾਸ ਫਾਇਰਫਾਕਸ ਬੱਗ ਲਈ ਇੱਕ ਹੱਲ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ ।