ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು: ಹಂತದ ವಿವರಣೆ, ಲಕ್ಷಣಗಳನ್ನು ಮತ್ತು ವಿಮರ್ಶೆಗಳು ಹಂತವಾಗಿ

ಒಂದಾನೊಂದು ಕಾಲದಲ್ಲಿ, ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಭೇಟಿ ಯಾರು ಸ್ಮಾರ್ಟ್ಫೋನ್ ಮತ್ತು ಇನ್ನುಳಿದವು ನಗುವುದು ಉಂಟುಮಾಡುವ ಇದೇ ಮೊಬೈಲ್ ಸಾಧನಗಳಿಗೆ. ಹೆಚ್ಚಿನವು ತೀರಾ ಇಂತಹ ಆರಾಮದಾಯಕ ಡೆಸ್ಕ್ಟಾಪ್ ಗಣಕಗಳು ಇರುವುದರಿಂದ, ಈ ಅಗತ್ಯ ಏಕೆ ಅರ್ಥವಾಗಿಲ್ಲ! ಅಥವಾ, ಕೆಟ್ಟ, ಲ್ಯಾಪ್. ಜೊತೆಗೆ, ಮೊಬೈಲ್ ಇಂಟರ್ನೆಟ್ ನಂತರ ದುಬಾರಿಯಾಗಿತ್ತು.

ಟೈಮ್ ಪಾಸು. ಇಂಟರ್ನೆಟ್ ಅಗ್ಗವಾಯಿತು. ಮಾರಾಟ ಹೆಚ್ಚು ಹೆಚ್ಚು ಫೋನ್ ಮತ್ತು ಮಾತ್ರೆಗಳು ಹೊರಬಂದು. ಕೆಲವು ಸಮಯದ ನಂತರ, ಜನಪ್ರಿಯ ಸೈಟ್ಗಳ ಮಾಲೀಕರು ತಮ್ಮ ಗೀಚುವ ಗೊಂದಲ. ಅಂಕಿಅಂಶಗಳ ಪ್ರಕಾರ, ಇದು ತಮ್ಮ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಒಂದು ಸ್ಥಾಯಿ ಪಿಸಿ ತಮ್ಮ ಸ್ಮಾರ್ಟ್ಫೋನ್ ಭೇಟಿ ಸಾಧ್ಯತೆ ಹೆಚ್ಚು ಎಂದು ಕಾಣಿಸಿಕೊಂಡರು!

ಆ ಸಮಯದಲ್ಲಿ ಸೈಟ್ಗಳು ಮೊಬೈಲ್ ಸಾಧನಗಳು ವೀಕ್ಷಿಸುವುದಕ್ಕಾಗಿ ತೆಗೆದುಕೊಂಡಿಲ್ಲ. ನಿಮ್ಮ ಫೋನ್ನಲ್ಲಿ ಹಳೆಯ ಜೀವನದ ಹೋಗಿ, ನೀವು ಸಣ್ಣ ಅಕ್ಷರಗಳು, ಸಣ್ಣ ಮೆನು ಐಟಂಗಳನ್ನು ಮತ್ತು ಅಹಿತಕರ ಗುಂಡಿಗಳು ವಿಷಯ ಅವಶ್ಯವಾಗಿದ್ದವು.

ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಆಗಮನದಿಂದ

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

ನಂತರ CSS3 ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಬಂದಿತು. ಅವರೊಂದಿಗೆ ಕ್ರಿಯಾತ್ಮಕ ವಿನ್ಯಾಸ ಅನುಷ್ಠಾನಕ್ಕೆ ಕೇವಲ ಸಾಧ್ಯತೆಯನ್ನು ಬಂದಿತು.

ಕ್ರಿಯಾತ್ಮಕ ವಿನ್ಯಾಸ ಏನು?

ಸಂಪನ್ಮೂಲ ನೋಟವನ್ನು ಪರದೆಯನ್ನು ಬ್ರೌಸಿಂಗ್ ಮೇಲೆ ಗಾತ್ರದ ಪ್ರಕಾರ ಬದಲಾಯಿಸಿದರೆ ಈ ಪದವು ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು? ಅದು ಸರಳ.

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

ಈ "ಕ್ಲಾಸಿಕಲ್" ಲೇಔಟ್ ರೇಖಾಚಿತ್ರ. ಇದು ವೈಯುಕ್ತಿಕ ಕಂಪ್ಯೂಟರ್ ಪರಿಪೂರ್ಣ, ಮೊಬೈಲ್ ಫೋನ್ ಗಳು ತುಂಬಾ ಅನುಕೂಲಕರ ಅಲ್ಲ. ಅಡ್ಡ ಮೆನು ತುಂಬಾ ಅಗಲವಿದೆ. ಸಂಪರ್ಕಗಳು ಪರಸ್ಪರ ದೂರದ ನೆಲೆಗೊಂಡಿವೆ. ಸೈಡ್ಬಾರ್ನಲ್ಲಿ ಮಾಹಿತಿಯನ್ನು ಬಳಸಿ ಮತ್ತು ಎಲ್ಲಾ ಪರದೆಯ ಸ್ಕ್ರಾಲ್ ಹೊಂದಿರುತ್ತದೆ, ಮತ್ತು ಇದು ವನ್ ಟೇಸ್ಟ್ ಅಲ್ಲ.

ಸಮಸ್ಯೆಯನ್ನು CSS3 ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಜೊತೆ ಹೊಂದಾಣಿಕೆಯ ಮತ್ತು ಮೊಬೈಲ್ ವಿನ್ಯಾಸ ಬಳಸಿಕೊಂಡು ಪರಿಹರಿಸಬಹುದು. ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಬಳಸಿಕೊಂಡು ನಾವು ವಿಷಯ ಸ್ಥಳದ ಪುನರ್ನಿರ್ಮಿಸಲು ... ಈಗ ಈ ರೀತಿಯ ಕೆಲಸ:

• ಟಾಪ್ - ಲಂಬ ಸಂಚರಣೆ ಮೆನು ಘಟಕ;
• ಇದು ಅಡಿಯಲ್ಲಿ - ಈಗ ಲಂಬವಾಗಿ ಇಡಲು ಇದು ಸಂಪರ್ಕಗಳು, ಬ್ಲಾಕ್;
• ಸೈಡ್ಬಾರ್ನಲ್ಲಿ ವಿಷಯ <ಮುಖ್ಯ> ಟ್ಯಾಗ್ ವಿಷಯ ಬದಿಯಲ್ಲಿ ತೋರಿಸಲ್ಪಡುವುದಿಲ್ಲ, ಮತ್ತು ಅದರ ಮೇಲೆ.

ಇದನ್ನು ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ವಿನ್ಯಾಸ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಮಾಡಬಹುದು ಏನು ಒಂದು ಸರಳ ಉದಾಹರಣೆ. ವಾಸ್ತವವಾಗಿ ಬಹಳಷ್ಟು ಹೆಚ್ಚು ಸಾಧ್ಯತೆಗಳನ್ನು.

ಹಾಗಾಗಿ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಆಗಿದೆ?

понимают модуль CSS3, с помощью которого можно заставить контент страницы адаптироваться к определенным условиям. ಸಿಎಸ್ಎಸ್ ಅಡಿಯಲ್ಲಿ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು CSS3 ನೀವು ಪುಟದ ವಿಷಯವನ್ನು ಕೆಲವು ಪರಿಸ್ಥಿತಿಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವ ಮಾಡಲು ಯಾವ ಪದವನ್ನು ಘಟಕ, ಅರ್ಥ. ಉದಾಹರಣೆಗೆ, ಇದು ತೆರೆಯ ಗಾತ್ರ, ಅಥವಾ ಓರಿಯಂಟೇಶನ್ ಸಾಧನ (ಭಾವಚಿತ್ರ / ಭೂದೃಶ್ಯ) ಪ್ರತಿಕ್ರಿಯಿಸಲು ಆರಂಭವಾಗುತ್ತದೆ.

ವ್ಯವಸ್ಥೆಯ ವಿಷಯವನ್ನು ಬದಲಾಯಿಸಲು ಅಗತ್ಯವನ್ನು ಅರ್ಥ ಎಂದು? ಇದು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಬಳಸುತ್ತದೆ. ಅವರು ಕೆಲವು ನಿಯತಾಂಕಗಳನ್ನು ಸೂಚಿಸಿ. ಒಂದು ಭೇಟಿ ಸೈಟ್ ಬಂದರು ಸಾಧನದ ಪೂರ್ವ ಲಿಖಿತ ಶೈಲಿಗಳು ಸೇರಿದಂತೆ ಮಾನದಂಡಗಳ, ಸಂಧಿಸುತ್ತದೆ. ಅಲ್ಲದೇ ಒಟ್ಟು ಸಿಎಸ್ಎಸ್ ಟೇಬಲ್ ಬರೆಯಬಹುದು, ಅಥವಾ ಒಂದು ಪ್ರತ್ಯೇಕ ಕಡತದಲ್ಲಿ ಮಾಡಬಹುದು.

ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ

Safari до Chrome. ಎಲ್ಲಾ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಸಫಾರಿ ನಿಂದ Chrome ಗೆ, ಈ ತಂತ್ರಜ್ಞಾನವನ್ನು ಬೆಂಬಲಿಸುವುದು. Internet Explorer возникнут проблемы… Но давайте признаем честно – у тех, кто до сих пор пользуется старыми IE, буквально все может вызвать проблемы. ಸಹಜವಾಗಿ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಹಳೆಯ ಆವೃತ್ತಿಗಳು ಬಳಕೆದಾರರು ಸಮಸ್ಯೆಯೂ ... ಆದರೆ ತಂದೆಯ ಪ್ರಾಮಾಣಿಕವಾಗಿ ಅದನ್ನು ಎದುರಿಸಲು - ಇನ್ನೂ ಕೇವಲ ಬಗ್ಗೆ ಏನು ಹಳೆಯ ಐಇ ಅನ್ನು ಬಳಸುತ್ತಿರುವ ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು ಆ.

ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೊಂದಾಣಿಕೆಯ ಲೇಔಟ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು

html. ಬಹುಶಃ ನೀವು HTML ಶೈಲಿ ಕಡತ ಸಂಪರ್ಕ ಮಾಧ್ಯಮದವರ ಪ್ರಶ್ನೆಗಳಿಗೆ ಬಹಿರಂಗಗೊಂಡವು. ಸಾಲನ್ನು ನೆನಪಿಡಿ? Иногда в конец добавлялся еще один параметр, который выглядел так: media='screen'. <ಲಿಂಕ್ rel = 'ಸ್ಟೈಲ್ಶೀಟ್' ವಿಧ = 'ಪಠ್ಯ / CSS' href = http: // ಸೈಟ್ /article/320575/%E2%80%99style.css%E2%80%99%3E ಕೆಲವೊಮ್ಮೆ ಕೊನೆಯಲ್ಲಿ ಮತ್ತೊಂದು ಪ್ಯಾರಾಮೀಟರ್ ಸೇರಿಸುತ್ತದೆ, ಮಾಹಿತಿ ನೋಡುತ್ತಿದ್ದರು ಯಾರು: ಮಾಧ್ಯಮ = 'ಸ್ಕ್ರೀನ್'.

ಈ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗೆ ಆಗಿದೆ! ಅವರು ನಿಗದಿತ ಶೈಲಿಯಲ್ಲಿ ಕಡತ ಟಿವಿಗಳು ಅಳವಡಿಸಿರಲಾಗುತ್ತದೆ ಸಾಧನಗಳಲ್ಲಿ ಕೆಲಸ ಎಂಬುದನ್ನು ಸೂಚಿಸುತ್ತದೆ. screen можно указать print – в таком случае стили из файла применяются, если страница выводится на печать. ಬದಲಿಗೆ, ನೀವು ಪರದೆಯ ಮುದ್ರಣ ಸೂಚಿಸಬಹುದು - ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಫೈಲ್ ಶೈಲಿಗಳು ಪುಟ ಮುದ್ರಿಸಲಾಗಿದ್ದರೆ, ಅನ್ವಯಿಸಲಾಗಿದೆ.

ನೀವು ಕೆಳಗಿನ ಲಕ್ಷಣಗಳು ಬಳಸಬಹುದು:

• – универсальный вариант, используется по молчанию, применяется во всех случаях; ಎಲ್ಲಾ - ಮೌನದಿಂದ ಬಳಸಲಾಗುತ್ತದೆ ಸಾರ್ವತ್ರಿಕ ಆವೃತ್ತಿ,, ಎಲ್ಲ ಸಂದರ್ಭಗಳಲ್ಲಿಯೂ ಇದೆ;
• – экраны (компьютеры, ноутбуки, планшеты, смартфоны и все, что оснащено дисплеем); scrteen - ಪರದೆಯ (ಕಂಪ್ಯೂಟರ್, ಲ್ಯಾಪ್, ಮಾತ್ರೆಗಳು, ಸ್ಮಾರ್ಟ್ಫೋನ್, ಮತ್ತು ಎಲ್ಲಾ ಆಗುವ ಪ್ರದರ್ಶನ ಅಳವಡಿಸಿರಲಾಗುತ್ತದೆ);
• принтеры; ಮುದ್ರಣ - ಪ್ರಿಂಟರ್ಸ್;
• – проекторы; ಪ್ರೊಜೆಕ್ಷನ್ - ಪ್ರಕ್ಷೇಪಕ;
• – речевые браузеры; ಭಾಷಣ - ಮಾತಿನ ಬ್ರೌಸರ್;
• – для устройств для слабовидящих; ಬ್ರೈಲ್ - ದೃಷ್ಟಿಹೀನ ಸಾಧನಗಳು;
• – для экранов телевизоров. ಟಿವಿ - ಟಿವಿ ಪರದೆಯ.

ಇಷ್ಟೇ ಅಲ್ಲ. , но они используются редко. ಹಲವು ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಲಕ್ಷಣಗಳು ಇವೆ, ಆದರೆ ಅಪರೂಪವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. all. ಜೊತೆಗೆ, ನೀವು ಒಂದು ನಿಯತಾಂಕ ಸೂಚಿಸಿ ಇಲ್ಲ - ಎಲ್ಲಾ ಡೀಫಾಲ್ಟ್.

ರಚನೆ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು

css. ಬದಲಿಗೆ ಒಂದು ಶೈಲಿ ಕಡತ ರಚಿಸುವ, ನೀವು CSS ಕೋಡ್ ಬಳಸಬಹುದು. ಇದು ಈ ತೋರುತ್ತಿದೆ:

(тут будут стили } @ ಮಾಧ್ಯಮ ಸ್ಕ್ರೀನ್ ಮತ್ತು (ಗರಿಷ್ಠ ಅಗಲ: 1024px) {( ಇವೆ ಶೈಲಿಗಳು}

@media, которая дает понять, что будет использоваться медиазапрос, идет указание типа устройства ( screen – экран) и дополнительные параметры. ಮತ್ತು ಹೆಚ್ಚುವರಿ ನಿಯತಾಂಕಗಳನ್ನು - ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗೆ ಬಳಕೆಯಾಗುತ್ತದೆ ಎಂದು ಸ್ಪಷ್ಟವಾಗಿ @ ಮಾಧ್ಯಮ ನಿರ್ದೇಶನದ, ನಂತರ, ಸಾಧನ (ಸ್ಕ್ರೀನ್ ಪರದೆ) ಮಾದರಿ ಒಂದು ಸೂಚನೆ ಇಲ್ಲ. Max Width. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಮ್ಯಾಕ್ಸ್ ಅಗಲ ಆಸ್ತಿ. px. ಈ ಕಟ್ಟುಪಟ್ಟಿಗಳು ಪಟ್ಟಿ ಶೈಲಿಗಳು ಒಳಗೊಂಡಿತ್ತು ಎಂದು ಅರ್ಥ, ವೇಳೆ 1024 px ಆಗಿರುತ್ತದೆ ಸಾಧನದ ಸ್ಕ್ರೀನ್ ಗಾತ್ರದ ಬಳಕೆದಾರ. и and не обязательны. ಸ್ಕ್ರೀನ್ ಮತ್ತು ಮತ್ತು ಬಂಧಿಸುವ ಅಲ್ಲ. ಈ ಬರೆಯಬಹುದು

@ ಮಾಧ್ಯಮ (ಗರಿಷ್ಠ ಅಗಲ: 1024px) {}

ಇಂತಹ ಸಂದರ್ಭದಲ್ಲಿ, ಗುಣಗಳು ಯಾವುದೇ ಸಾಧನದಲ್ಲಿ ಬಳಸಬಹುದಾಗಿದೆ, ಕೇವಲ ಟಿವಿಗಳು ಅಳವಡಿಸಿಕೊಂಡಿವೆ ಆ.

ಬಹು ನಿಯತಾಂಕಗಳನ್ನು ಸೂಚಿಸುವುದರಿಂದ

ನೀವು ಶೈಲಿಯನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಬಳಸಲ್ಪಡುತ್ತದೆ ಅನೇಕ ಸಾಧನಗಳನ್ನು ವ್ಯಾಪ್ತಿಯನ್ನು ಮಿತಿ ಬಯಸುವ ಭಾವಿಸೋಣ. px, но не больше 500 px. ನೀವು ಒಂದು ಸ್ಮಾರ್ಟ್ಫೋನ್ ನಿಮ್ಮ ಸೈಟ್ ಭೇಟಿ ಮಾತ್ರ ಆ ಗುಣಗಳನ್ನು ತೋರಿಸಲು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ, ತೆರೆಯ ಗಾತ್ರ ನಾಟ್ 320 ಕಡಿಮೆ px ಆಗಿರುತ್ತದೆ, ಆದರೆ ಯಾವುದೇ ಹೆಚ್ಚು 500 px ಆಗಿರುತ್ತದೆ ಆಗಿದೆ. ಇಂತಹ ಸಂದರ್ಭದಲ್ಲಿ, ವಿನಂತಿಯನ್ನು ರೂಪವನ್ನು:

@ ಮಾಧ್ಯಮ (ನಿಮಿಷ ಅಗಲ: 320px) ಮತ್ತು (ಗರಿಷ್ಠ ಅಗಲ: 500px) {}

and. ನೀವು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಿತವಾಗಿರುವ ಇದ್ದರೆ, ನೀವು ಆಯೋಜಕರು ಅನ್ವಯಿಸುತ್ತದೆ ಮತ್ತು ತಿಳಿಯಲು NJ. ಪರಿಚಯವಿರದ ಆ: ಎರಡೂ ಪರಿಸ್ಥಿತಿಗಳು ನೈಜವಾಗಿದೆ ಇದು ಪರಿಶೀಲಿಸುತ್ತದೆ. ಪ್ರಶ್ನಾವಳಿ ಪರದೆಯಲ್ಲಿ ಇ ಸಕ್ರಿಯಗೊಳಿಸುವಿಕೆ ಗುಣಗಳನ್ನು 320 ಕಡಿಮೆ ಮತ್ತು 500 ಪಿಕ್ಸೆಲ್ಗಳು ಅಲ್ಲ ಇರಬೇಕು.

and не ограничивается одним. ಮತ್ತು ನಿರ್ವಾಹಕರ ಸಂಖ್ಯೆಯನ್ನು ಒಂದು ಸೀಮಿತವಾಗಿಲ್ಲ. ನೀವು ಅವುಗಳನ್ನು ಹೆಚ್ಚು ನೀವು ಬಯಸುವ ಎಂದು ಹಾಕಬಹುದು. ಟಿವಿಗಳು - ಉದಾಹರಣೆಗೆ, ಸ್ಮಾರ್ಟ್ಫೋನ್ ಮತ್ತು ವಿಭಿನ್ನ ಒಂದು ನಿರ್ದಿಷ್ಟ ಗಾತ್ರವನ್ನು ಪರದೆಯ ರಚಿಸಲು ಪ್ರಯತ್ನಿಸಿ.

ಒಂದು ಮುಖ್ಯವಾದ ಅಂಶ - ಬಳಕೆದಾರ ಸಾಧನದ ದೃಷ್ಟಿಕೋನ. ಯಾರೋ ಭಾವಚಿತ್ರ ದೃಷ್ಟಿಕೋನ ನಿಮ್ಮ ಸ್ಮಾರ್ಟ್ಫೋನ್, ಯಾರಾದರೂ ವೆಬ್ಸೈಟ್ಗಳ ಬ್ರೌಸಿಂಗ್ - ಭೂದೃಶ್ಯಗಳೆಡೆಗಿನ. orientation:portrait, для вторых, соответственно, orientation:landscape. ಭಾವಚಿತ್ರ, ಎರಡನೇ ಕ್ರಮವಾಗಿ ದೃಷ್ಟಿಕೋನ:: ಭೂ ಮಾಜಿ, ನೀವು ಹೆಚ್ಚುವರಿ ಸ್ಥಿತಿಯನ್ನು ದೃಷ್ಟಿಕೋನ ಅಗತ್ಯವಿದೆ. @media. ಈ ಮಾರ್ಗಗಳಿದ್ದು @ ಮಾಧ್ಯಮ ತಂಡ ಕೆಳಗಿನ ಆವರಣ ತೋರಿಸಲಾಗಿದೆ. and. ನೀವು ಮೂಲಕ ಹಂಚಿಕೊಳ್ಳಲು ಮಾಡಬಹುದು.

ಮತ್ತೊಂದು ಕುತೂಹಲಕಾರಿ ಸೂಕ್ಷ್ಮ ವ್ಯತ್ಯಾಸ. and вы вполне можете использовать оператор or. ಬದಲಿಗೆ, ಮತ್ತು ನೀವು ಚೆನ್ನಾಗಿ ಅಥವಾ ಆಪರೇಟರ್ ಬಳಸಬಹುದು. ಅವರು ಸತ್ಯ ಎಂದು ವಿನಂತಿಯನ್ನು ಕನಿಷ್ಠ ಒಂದು ಸ್ಥಿತಿ ಅಗತ್ಯವಿದೆ! ಉದಾಹರಣೆಗೆ:

) {} @ ಮಾಧ್ಯಮ (ಗರಿಷ್ಠ ಅಗಲ: 500px) ಅಥವಾ (ಮನೋಭಾವ: ಭಾವಚಿತ್ರ) {}

px ИЛИ используется портретная ориентация, стили в фигурных скобках начнут действовать. ಪರದೆಯ ಕಡಿಮೆ 500 px ಅಥವಾ ಬಳಕೆಗೆ ಭಾವಚಿತ್ರ ದೃಷ್ಟಿಕೋನ ಇದ್ದರೆ, ಬ್ರೇಸ್ ಪರಿಣಾಮ ಶೈಲಿಗಳು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.

ಸೂಕ್ಷ್ಮವಾಗಿ ಶ್ರುತಿ ಅಲ್ಲ ಕೀವರ್ಡ್

not. ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗೆ, ನೀವು ಪದ ಸೇರಿಸುತ್ತವೆ. ಕೆಳಗಿನಂತೆ ಈ ಮಾಡಲಾಗುತ್ತದೆ:

@ ಮಾಧ್ಯಮ (ಅಲ್ಲ ಗರಿಷ್ಠ ಅಗಲ: 700px ) {}

ಗರಿಷ್ಠ ಅಗಲ 700 ಪಿಕ್ಸೆಲ್ಗಳು ಸಮಾನವಾಗಿರುವುದಿಲ್ಲ ವೇಳೆ ಪ್ರಾಪರ್ಟೀಸ್ ಸಕ್ರಿಯಗೊಳಿಸಲಾಗುತ್ತದೆ.

ಮೀಡಿಯಾ ಲಕ್ಷಣಗಳು

ಪ್ರಶ್ನೆಗಳು ಬಳಸಿದ ಹಲವು ಪೂರ್ವ ಸ್ಥಾಪಿತ ಕಾರ್ಯಗಳನ್ನು ಮಾಡಬಹುದು. W3C. ಎಲ್ಲಾ ನೀವು ಆನ್ಲೈನ್ ಡಬ್ಲ್ಯು 3 ಸಿ ಮಾಡಬಹುದು ನೀವೇ ಪರಿಚಿತರಾಗಿ. ಸಾಕಷ್ಟು ಹೆಚ್ಚಿನ ಕೋಡರ್ಗಳ ಮೂರು ಮುಖ್ಯ ಹೊಂದಲು:

• (о нем мы уже говорили); ದೃಷ್ಟಿಕೋನ (ನಾವು ಈಗಾಗಲೇ ಬಗ್ಗೆ ಮಾತನಾಡಿದರು);
• (ширина, ее тоже упоминали); ಅಗಲ (ಅಗಲ, ಇದು ಉಲ್ಲೇಖಿಸಲಾಗಿದೆ);
• (высота). ಎತ್ತರ (ಎತ್ತರ).

ಎತ್ತರ ವಿರಳವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ಆದರೆ ಇದರಲ್ಲಿ ಈ ಸೆಟ್ಟಿಂಗ್ ಉಪಯುಕ್ತವಾಗಿದೆ ಎಂದು ಕೆಲವು ಪ್ರಕರಣಗಳಿವೆ.

ಹೇಗೆ ಮತ್ತು ಅಲ್ಲಿ ವಿನಂತಿಗಳನ್ನು ಇರಿಸಲು?

ಅನೇಕ ವೆಬ್ ವಿನ್ಯಾಸಕರು ಹೇಗಾದರೂ ಕಡತ ಶೈಲಿಗಳು ಕೊನೆಯಲ್ಲಿ ಇರಿಸಿ. ಉದಾಹರಣೆಗೆ, ಮೊದಲ ಪ್ರಮುಖ ಶೈಲಿಗಳ ಪಟ್ಟಿ ಮಾಡುತ್ತದೆ, ಮತ್ತು ನಂತರ, ಡಾಕ್ಯುಮೆಂಟ್ ತಳದಲ್ಲಿ ಇರಿಸಿದ್ದರು ವಿನಂತಿಗಳನ್ನು.

ಈ ಉತ್ತಮ ಅಲ್ಲ. ಹೆಚ್ಚು ಅನುಕೂಲಕರ ಬಲ ಪ್ರಮುಖ ಶೈಲಿಗಳ ನಂತರ ವಿವಿಧ ಸಾಧನಗಳಿಗೆ ಗುಣಗಳನ್ನು ಇರಿಸಲು. ಉದಾಹರಣೆಗೆ, ನೀವು ಕೆಂಪು ಫಾಂಟ್ ಬಣ್ಣ ಹೊಂದಿಸಲು ಒಂದು DIV, ಹೊಂದಿವೆ:

DIV {

ಬಣ್ಣ: ಕೆಂಪು;

}

ವಿನಂತಿಯನ್ನು ಸೂಚಿಸುತ್ತದೆ ತಕ್ಷಣ:

@ ಮಾಧ್ಯಮ (ನಿಮಿಷ ಅಗಲ: 320px) {}

ಗುಣಗಳನ್ನು ಅನುಶಾಸನ.

ಈ ವಿಧಾನವು ನೀವು "ಶುದ್ಧ» ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ವೇಳೆ ತೊಡಕಿನ ಎಂದು. ಪ್ರಿಪ್ರೊಸೆಸರ್ ನೆರವಿಗೆ. ಅವರು ಹೆಚ್ಚು ನಿಖರವಾದ ಅಪ್ಲಿಕೇಶನ್ ವಿನಂತಿಗಳನ್ನು ಫಾರ್ ಆಸಕ್ತಿದಾಯಕ ಅವಕಾಶಗಳ ಬಹಳಷ್ಟು.

ಮತ್ತೊಂದು ಆಯ್ಕೆಯನ್ನು - ವಿವಿಧ ಶೈಲಿಯ ಕಡತಗಳನ್ನು ವಿವಿಧ ಸಾಧನಗಳಿಗೆ ಗುಣಗಳನ್ನು ಇರಿಸುವ. ನೀವು ಆಮದು ಮಾಡಲು ಒಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಡೈರೆಕ್ಟಿವ್ ಬಳಸಿದರೆ ಇದು ವಿಶೇಷವಾಗಿ ಪ್ರಯೋಜನಕಾರಿ. ಪರಿಣಾಮವಾಗಿ, ಸಂಪಾದಿಸಲು ಸುಲಭ ಕ್ಲೀನ್ ಸಂಕೇತಗಳನ್ನು.

ಯಾವ ಬಳಸು ಹೇಗೆ? ಇದು ಎಲ್ಲಾ ವೈಯಕ್ತಿಕ ಆದ್ಯತೆಗಳು ಮತ್ತು ತಂಡದ ಗುಣಲಕ್ಷಣಗಳ ಮೇಲೆ ಆಧಾರಿತವಾಗಿದೆ. ಬಹುಶಃ, ನಿಮ್ಮ ಕೆಲಸದ ಸ್ಥಳದಲ್ಲಿ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಇರಿಸುವ ಒಪ್ಪಿಕೊಂಡು ಒಂದು ನಿರ್ದಿಷ್ಟ ರೀತಿಯಲ್ಲಿ.

ನೀವು ಇತ್ತೀಚಿನ ಸಾಫ್ಟ್ವೇರ್ ನಿಮ್ಮ ಜೀವನದ ಸರಳಗೊಳಿಸುವ ಎಂದು ಮರೆಯಬೇಡಿ. ಇದು ಕೇವಲ ಪ್ರಿಪ್ರೊಸೆಸರ್ ಬಗ್ಗೆ ಅಲ್ಲ. ಗಲ್ಪ್ ಗುಂಪು ಸಿಎಸ್ಎಸ್ ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಗಳು ಜೊತೆಗೆ ಪ್ರಕ್ರಿಯೆಯು ಹೆಚ್ಚು ಸುಲಭವಾಗುತ್ತದೆ. ಈ ಉಪಕರಣವನ್ನು ಅಥವಾ ಅದರ ಸದೃಶ ಯಾವುದೇ ಮಾಸ್ಟರ್ ಶಿಫಾರಸು.