ಕಂಟೇನರ್ನ ಅಗಲವನ್ನು ಸರಿಪಡಿಸುವ ಮೂಲಕ ಮತ್ತು ಮೊದಲ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ ಶ್ರೇಣಿಯನ್ನು ಬಳಸುವ ಮೂಲಕ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ ದಸ್ತಾವೇಜನ್ನು ಓದಿ .
ನ ಕೊರತೆಯನ್ನು ಗಮನಿಸಿ <meta name="viewport" content="width=device-width, initial-scale=1">
, ಇದು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಸೈಟ್ಗಳ ಜೂಮ್ ಅಂಶವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ನಾವು ನಮ್ಮ ಕಂಟೇನರ್ನ ಅಗಲವನ್ನು ಮರುಹೊಂದಿಸಿದ್ದೇವೆ ಮತ್ತು ಕುಸಿಯುವುದನ್ನು ತಡೆಯಲು ನ್ಯಾವ್ಬಾರ್ ಅನ್ನು ಬದಲಾಯಿಸಿದ್ದೇವೆ ಮತ್ತು ಮೂಲತಃ ಹೋಗಲು ಉತ್ತಮವಾಗಿದೆ.
ತಲೆ ಎತ್ತುವಂತೆ, ನ್ಯಾವ್ಬಾರ್ ಘಟಕವು ಇಲ್ಲಿ ಹೆಚ್ಚು ಟ್ರಿಕಿಯಾಗಿದ್ದು, ಅದನ್ನು ಪ್ರದರ್ಶಿಸುವ ಶೈಲಿಗಳು ನಿರ್ದಿಷ್ಟ ಮತ್ತು ವಿವರವಾಗಿರುತ್ತವೆ. ಡೆಸ್ಕ್ಟಾಪ್ ಶೈಲಿಗಳ ಪ್ರದರ್ಶನವನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಅತಿಕ್ರಮಣಗಳು ಒಬ್ಬರು ಬಯಸಿದಷ್ಟು ಕಾರ್ಯಕ್ಷಮತೆ ಅಥವಾ ನಯವಾಗಿ ಇಲ್ಲ. ನ್ಯಾವ್ಬಾರ್ ಅನ್ನು ಬಳಸುವಾಗ ನೀವು ಈ ಉದಾಹರಣೆಯ ಮೇಲೆ ನಿರ್ಮಿಸುವುದರಿಂದ ಸಂಭಾವ್ಯ ಗೋಚಾಗಳು ಇರಬಹುದು ಎಂದು ತಿಳಿದಿರಲಿ.
ಸ್ಪಂದಿಸದ ಲೇಔಟ್ಗಳು ಸ್ಥಿರ ಅಂಶಗಳಿಗೆ ಪ್ರಮುಖ ನ್ಯೂನತೆಯನ್ನು ಎತ್ತಿ ತೋರಿಸುತ್ತವೆ. ವ್ಯೂಪೋರ್ಟ್ ಪುಟದ ವಿಷಯಕ್ಕಿಂತ ಕಿರಿದಾದಾಗ ಸ್ಥಿರ ನ್ಯಾವ್ಬಾರ್ನಂತಹ ಯಾವುದೇ ಸ್ಥಿರ ಘಟಕವನ್ನು ಸ್ಕ್ರೋಲ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, 970px ನ ರೆಸ್ಪಾನ್ಸಿವ್ ಅಲ್ಲದ ಕಂಟೇನರ್ ಅಗಲ ಮತ್ತು 800px ನ ವ್ಯೂಪೋರ್ಟ್ ನೀಡಿದರೆ, ನೀವು ಸಂಭಾವ್ಯವಾಗಿ 170px ವಿಷಯವನ್ನು ಮರೆಮಾಡಬಹುದು.
ಇದು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ನಡವಳಿಕೆಯಾಗಿರುವುದರಿಂದ ಇದರ ಸುತ್ತಲೂ ಯಾವುದೇ ಮಾರ್ಗವಿಲ್ಲ. ಒಂದೇ ಪರಿಹಾರವೆಂದರೆ ಸ್ಪಂದಿಸುವ ಲೇಔಟ್ ಅಥವಾ ಸ್ಥಿರವಲ್ಲದ ಅಂಶವನ್ನು ಬಳಸುವುದು.