સ્ક્રીનની પહોળાઈને લગતી મુખ્ય સમસ્યા એ છે કે તમામ ઉપકરણો પર સારા દેખાતા લેઆઉટ બનાવવાનું મુશ્કેલ બની શકે છે. ઉદાહરણ તરીકે, જો તમને ડેસ્કટૉપ કમ્પ્યુટર પર સારું લાગે તેવું લેઆઉટ જોઈતું હોય, તો તે ફોન અથવા ટેબ્લેટ પર સારું ન પણ લાગે.
is less than 768px if (screen.width < 768) { // do something }
આ કોડ સ્ક્રીનની પહોળાઈ 768px કરતાં ઓછી છે કે કેમ તે તપાસી રહ્યો છે. જો તે છે, તો તે સર્પાકાર કૌંસની અંદર કોડને એક્ઝિક્યુટ કરશે.
JavaScript સ્ક્રીન ગુણધર્મો
JavaScript માં, સ્ક્રીન પ્રોપર્ટીઝનો ઉપયોગ વર્તમાન સ્ક્રીન વિશે માહિતી મેળવવા માટે થાય છે. window.screen પ્રોપર્ટીનો ઉપયોગ કરીને સ્ક્રીન પ્રોપર્ટીઝ એક્સેસ કરી શકાય છે. નીચેનું કોષ્ટક JavaScript માં સૌથી સામાન્ય સ્ક્રીન ગુણધર્મોને સૂચિબદ્ધ કરે છે.
સ્ક્રીન પ્રોપર્ટીનું વર્ણન
window.screen.width વર્તમાન સ્ક્રીનની પહોળાઈ પિક્સેલમાં.
window.screen.height વર્તમાન સ્ક્રીનની ઊંચાઈ પિક્સેલમાં.
window.screen.depth વર્તમાન સ્ક્રીનની ઊંડાઈ પિક્સેલ્સમાં (0 = સપાટી, 1 = બીટમેપ).
JavaScript સાથે સ્ક્રીનનો પ્રકાર
સ્ક્રીનનો પ્રકાર જાવાસ્ક્રિપ્ટ છે.