ಎಕ್ಸ್ ಥೀಮ್ ಬಳಸಿ ಅವರು ನಿರ್ಮಿಸಿದ ವರ್ಡ್ಪ್ರೆಸ್ ಸೈಟ್ ಸಹಾಯಕ್ಕಾಗಿ ನನ್ನ ಸ್ನೇಹಿತರೊಬ್ಬರು ಇತ್ತೀಚೆಗೆ ನನ್ನನ್ನು ಸಂಪರ್ಕಿಸಿದರು. ತನ್ನ ವೆಬ್ಸೈಟ್ ತನ್ನ ಐಫೋನ್ನಲ್ಲಿ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತಿಲ್ಲ ಎಂದು ಗಮನಿಸಿದ ನಂತರ ಆ ದಿನ ಬೆಳಿಗ್ಗೆ ಅವನ ಕ್ಲೈಂಟ್ ಅವನಿಗೆ ಕರೆ ಮಾಡಿದ್ದ. ನಿಕ್ ಅದನ್ನು ಸ್ವತಃ ಪರಿಶೀಲಿಸಿದನು, ಮತ್ತು ಖಚಿತವಾಗಿ, ಅವನು ವಿನ್ಯಾಸಗೊಳಿಸಿದ ಸುಂದರವಾದ ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸವು ಇನ್ನು ಮುಂದೆ ಕಾರ್ಯನಿರ್ವಹಿಸುವುದಿಲ್ಲ.
ಅವನು ತನ್ನ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ತನ್ನ ಡೆಸ್ಕ್ಟಾಪ್, ಸೈಟ್ನಲ್ಲಿ ಮರುಗಾತ್ರಗೊಳಿಸಿದಾಗ ಅವನು ಮತ್ತಷ್ಟು ಅತೀಂದ್ರಿಯಗೊಂಡನು ಆಗಿತ್ತು ಸ್ಪಂದಿಸುತ್ತದೆ, ಆದರೆ ಅವರ ಐಫೋನ್ನಲ್ಲಿ, ಡೆಸ್ಕ್ಟಾಪ್ ಆವೃತ್ತಿಯನ್ನು ಮಾತ್ರ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಸೈಟ್ ಏಕೆ ಎಂದು ಡೆಸ್ಕ್ಟಾಪ್ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಪಂದಿಸುತ್ತದೆ ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನದಲ್ಲಿ ಸ್ಪಂದಿಸುವುದಿಲ್ಲವೇ?
ಏಕೆ ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ
HTML ಫೈಲ್ನ ಹೆಡರ್ನಿಂದ ಒಂದು ಸಾಲಿನ ಕೋಡ್ ಕಾಣೆಯಾದಾಗ ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸವು ಕಾರ್ಯನಿರ್ವಹಿಸುವುದನ್ನು ನಿಲ್ಲಿಸುತ್ತದೆ. ಈ ಒಂದೇ ಸಾಲಿನ ಕೋಡ್ ಕಾಣೆಯಾಗಿದ್ದರೆ, ನಿಮ್ಮ ಐಫೋನ್, ಆಂಡ್ರಾಯ್ಡ್ ಮತ್ತು ಇತರ ಮೊಬೈಲ್ ಸಾಧನಗಳು ನೀವು ವೀಕ್ಷಿಸುತ್ತಿರುವ ವೆಬ್ಸೈಟ್ ಪೂರ್ಣ ಗಾತ್ರದ ಡೆಸ್ಕ್ಟಾಪ್ ಸೈಟ್ ಎಂದು ಭಾವಿಸುತ್ತದೆ ಮತ್ತು ಅದರ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಿ ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಸಂಪೂರ್ಣ ಪರದೆಯನ್ನು ಒಳಗೊಳ್ಳಲು.
ವ್ಯೂಪೋರ್ಟ್ ಮತ್ತು ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರದ ಮೂಲಕ ನೀವು ಏನು ಹೇಳುತ್ತೀರಿ?
ಎಲ್ಲಾ ಸಾಧನಗಳಲ್ಲಿ, ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ನ ಗಾತ್ರವು ಪ್ರಸ್ತುತ ಬಳಕೆದಾರರಿಗೆ ಗೋಚರಿಸುವ ವೆಬ್ಪುಟದ ಪ್ರದೇಶದ ಗಾತ್ರವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ನೀವು 320 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲದೊಂದಿಗೆ ಐಫೋನ್ 5 ಅನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ಕಲ್ಪಿಸಿಕೊಳ್ಳಿ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಸ್ಪಷ್ಟವಾಗಿ ಹೇಳದ ಹೊರತು, ನೀವು ಭೇಟಿ ನೀಡುವ ಪ್ರತಿಯೊಂದು ವೆಬ್ಸೈಟ್ 980px ಅಗಲವಿರುವ ಡೆಸ್ಕ್ಟಾಪ್ ಸೈಟ್ ಎಂದು ಐಫೋನ್ಗಳು ಭಾವಿಸುತ್ತವೆ.
ಈಗ, ನಿಮ್ಮ ಕಾಲ್ಪನಿಕ ಐಫೋನ್ 5 ಅನ್ನು ಬಳಸಿ,800px ಅಗಲವಿರುವ ಡೆಸ್ಕ್ಟಾಪ್ಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ವೆಬ್ಸೈಟ್ಗೆ ನೀವು ಭೇಟಿ ನೀಡುತ್ತೀರಿ. ಇದು ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿಲ್ಲ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಐಫೋನ್ ಪೂರ್ಣ-ಅಗಲ ಡೆಸ್ಕ್ಟಾಪ್ ಆವೃತ್ತಿಯನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ಅಪ್ಲಿಕೇಶನ್ಗಳು ಏಕೆ ಡೌನ್ಲೋಡ್ ಆಗುತ್ತಿಲ್ಲ
ಆದರೆ ಐಫೋನ್ 5 ಕೇವಲ 320 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲವಿದೆ. ಅದು ಯಾವಾಗಲೂ ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಗಾತ್ರವಲ್ಲವೇ?
ಇಲ್ಲ, ಅದು ಅಲ್ಲ. ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಗಾತ್ರದೊಂದಿಗೆ, ಸ್ಕೇಲಿಂಗ್ ಅನ್ನು ಒಳಗೊಂಡಿರಬಹುದು . ವೆಬ್ಪುಟದ ಪೂರ್ಣ-ಅಗಲ ಆವೃತ್ತಿಯನ್ನು ನೋಡಲು ಐಫೋನ್ ಜೂಮ್ to ಟ್ ಮಾಡಬೇಕಾಗಿದೆ. ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಬಳಕೆದಾರರಿಗೆ ಪ್ರಸ್ತುತ ಗೋಚರಿಸುವ ಪುಟದ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೆನಪಿಡಿ. ಐಫೋನ್ ಬಳಕೆದಾರರು ಪ್ರಸ್ತುತ ಪುಟದ ಕೇವಲ 320 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ನೋಡುತ್ತಾರೆಯೇ ಅಥವಾ ಅವರು ಪೂರ್ಣ-ಅಗಲ ಆವೃತ್ತಿಯನ್ನು ನೋಡುತ್ತಿರುವಿರಾ?
ಅದು ಸರಿ: ಅವರು ತಮ್ಮ ಪ್ರದರ್ಶನದಲ್ಲಿ ಪೂರ್ಣ-ಅಗಲದ ವೆಬ್ಪುಟವನ್ನು ನೋಡುತ್ತಿದ್ದಾರೆ ಏಕೆಂದರೆ ಐಫೋನ್ ಇದು ಡೀಫಾಲ್ಟ್ ನಡವಳಿಕೆಯನ್ನು has ಹಿಸಿದೆ: ಇದು o ೂಮ್ out ಟ್ ಆಗಿದೆ ಆದ್ದರಿಂದ ಬಳಕೆದಾರರು ವೆಬ್ಪುಟವನ್ನು 980 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲದವರೆಗೆ ವೀಕ್ಷಿಸಬಹುದು. ಆದ್ದರಿಂದ, ಐಫೋನ್ನ ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ 980px ಆಗಿದೆ.
ನೀವು o ೂಮ್ ಇನ್ ಅಥವಾ out ಟ್ ಮಾಡುವಾಗ, ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಗಾತ್ರವು ಬದಲಾಗುತ್ತದೆ. ನಮ್ಮ ಕಾಲ್ಪನಿಕ ವೆಬ್ಸೈಟ್ 800px ನ ಅಗಲವನ್ನು ಹೊಂದಿದೆ ಎಂದು ನಾವು ಮೊದಲೇ ಹೇಳಿದ್ದೇವೆ, ಆದ್ದರಿಂದ ನೀವು ನಿಮ್ಮ ಐಫೋನ್ನಲ್ಲಿ o ೂಮ್ ಮಾಡಬೇಕಾದರೆ ವೆಬ್ಸೈಟ್ನ ಅಂಚುಗಳು ನಿಮ್ಮ ಐಫೋನ್ನ ಪ್ರದರ್ಶನದ ಅಂಚುಗಳನ್ನು ಸ್ಪರ್ಶಿಸುತ್ತಿದ್ದರೆ, ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ 800px ಆಗಿರುತ್ತದೆ. ಐಫೋನ್ ಮಾಡಬಹುದು ಡೆಸ್ಕ್ಟಾಪ್ ಸೈಟ್ನಲ್ಲಿ 320px ನ ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಅನ್ನು ಹೊಂದಿರಿ, ಆದರೆ ಅದು ಮಾಡಿದರೆ, ನೀವು ಅದರ ಒಂದು ಸಣ್ಣ ಭಾಗವನ್ನು ಮಾತ್ರ ನೋಡುತ್ತೀರಿ.
ನನ್ನ ಐಫೋನ್ಗೆ ನನ್ನ ವೈಫೈ ಸಿಗುತ್ತಿಲ್ಲ
ನನ್ನ ಜವಾಬ್ದಾರಿಯುತ ವೆಬ್ಸೈಟ್ ಮುರಿದುಹೋಗಿದೆ. ನಾನು ಅದನ್ನು ಹೇಗೆ ಸರಿಪಡಿಸುವುದು?
ಉತ್ತರವು HTML ನ ಒಂದು ಸಾಲಿನಾಗಿದ್ದು, ವೆಬ್ಪುಟದ ಹೆಡರ್ನಲ್ಲಿ ಸೇರಿಸಿದಾಗ ಅದು ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಅನ್ನು ಅದರ ಸ್ವಂತ ಅಗಲಕ್ಕೆ (ಐಫೋನ್ 5 ರ ಸಂದರ್ಭದಲ್ಲಿ 320px) ಹೊಂದಿಸಲು ಸಾಧನವನ್ನು ಹೇಳುತ್ತದೆ ಮತ್ತು ಪುಟವನ್ನು ಅಳೆಯಲು (ಅಥವಾ o ೂಮ್) ಮಾಡಬಾರದು.
ಈ ಮೆಟಾ ಟ್ಯಾಗ್ಗೆ ಸಂಬಂಧಿಸಿದ ಎಲ್ಲಾ ಆಯ್ಕೆಗಳ ಹೆಚ್ಚಿನ ತಾಂತ್ರಿಕ ಚರ್ಚೆಗಾಗಿ, ಪರಿಶೀಲಿಸಿ tutsplus.com ನಲ್ಲಿ ಈ ಲೇಖನ .
ವರ್ಡ್ಪ್ರೆಸ್ ಎಕ್ಸ್ ಥೀಮ್ ಸ್ಪಂದಿಸದಿದ್ದಾಗ ಅದನ್ನು ಹೇಗೆ ಸರಿಪಡಿಸುವುದು
ಮೊದಲಿನಿಂದ ನನ್ನ ಸ್ನೇಹಿತರಿಗೆ ಹಿಂತಿರುಗಿ: ಅವರು ಎಕ್ಸ್ ಥೀಮ್ ಅನ್ನು ನವೀಕರಿಸಿದಾಗ ಈ ಒಂದು ಸಾಲಿನ ಕೋಡ್ ಕಣ್ಮರೆಯಾಯಿತು. ನಿಮ್ಮದನ್ನು ಸರಿಪಡಿಸುವಾಗ, ಎಕ್ಸ್ ಥೀಮ್ ಕೇವಲ ಒಂದು ಹೆಡರ್ ಫೈಲ್ ಅನ್ನು ಬಳಸುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡಿ - ಇದು ಪ್ರತಿ ಸ್ಟ್ಯಾಕ್ಗೆ ವಿಭಿನ್ನ ಹೆಡರ್ ಫೈಲ್ಗಳನ್ನು ಬಳಸುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ನಿಮ್ಮದನ್ನು ಸಂಪಾದಿಸಬೇಕಾಗುತ್ತದೆ.
ನನಗೆ ಐಕ್ಲೌಡ್ ಸಂಗ್ರಹ ಬೇಕೇ?
ನಿಕ್ ಎಕ್ಸ್ ಥೀಮ್ನ ಎಥೋಸ್ ಸ್ಟ್ಯಾಕ್ ಅನ್ನು ಬಳಸುವುದರಿಂದ, ಅವನು x ನಲ್ಲಿರುವ ಹೆಡರ್ ಫೈಲ್ಗೆ ನಾನು ಮೊದಲು ಹೇಳಿದ ಕೋಡ್ನ ಸಾಲನ್ನು ಸೇರಿಸಬೇಕಾಗಿತ್ತು. /frameworks/views/ethos/wp-header.php . ನೀವು ಬೇರೆ ಸ್ಟ್ಯಾಕ್ ಅನ್ನು ಬಳಸಿದರೆ, ಸರಿಯಾದ ಹೆಡರ್ ಫೈಲ್ ಅನ್ನು ಕಂಡುಹಿಡಿಯಲು ನಿಮ್ಮ ಸ್ಟ್ಯಾಕ್ನ ಹೆಸರನ್ನು (ಸಮಗ್ರತೆ, ನವೀಕರಿಸಿ, ಇತ್ಯಾದಿ) ‘ಎಥೋಸ್’ ಗಾಗಿ ಬದಲಿಸಿ. ಆ ಒಂದು ಸಾಲನ್ನು ಸೇರಿಸಿ, ಮತ್ತು ವಾಯ್ಲಾ! ನೀವು ಹೋಗುವುದು ಒಳ್ಳೆಯದು.
ಆದ್ದರಿಂದ ಇದು ನನ್ನ ಸಿಎಸ್ಎಸ್ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಪರಿಹರಿಸುತ್ತದೆ, ತುಂಬಾ?
ನಿಮ್ಮ HTML ಫೈಲ್ನ ಹೆಡರ್ನಲ್ಲಿ ನೀವು ಆ ಸಾಲನ್ನು ಸೇರಿಸಿದಾಗ, ನಿಮ್ಮ ಸ್ಪಂದಿಸುವ @ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಇದ್ದಕ್ಕಿದ್ದಂತೆ ಮತ್ತೆ ಕೆಲಸ ಮಾಡಲು ಪ್ರಾರಂಭಿಸುತ್ತವೆ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಮೊಬೈಲ್ ಆವೃತ್ತಿಯು ಮತ್ತೆ ಜೀವಂತವಾಗಿರುತ್ತದೆ. ಓದಿದ್ದಕ್ಕಾಗಿ ಧನ್ಯವಾದಗಳು ಮತ್ತು ಅದು ಸಹಾಯ ಮಾಡುತ್ತದೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ!
ಪಾಯೆಟ್ ಫಾರ್ವರ್ಡ್ ಮಾಡಲು ಮರೆಯದಿರಿ,
ಡೇವಿಡ್ ಪಿ.