విషయము
ప్రతిస్పందించే వెబ్ డిజైన్ సులభం అని ఎవ్వరూ చెప్పలేదు, కాని ఈ ప్రక్రియను సున్నితంగా చేయడానికి మీరు చేయగలిగేది చాలా ఉంది. మీ గ్రిడ్ల పరిమాణం గురించి ఆందోళన చెందకుండా మీరు ప్రతిస్పందించే ప్రాజెక్ట్లోకి వెళ్ళగలిగితే, అది మీకు కనీసం ఒక తలనొప్పిని కూడా ఆదా చేస్తుంది.
నిలువు వరుసలను తయారు చేయడానికి మీరు ఎంచుకున్న వెడల్పును బట్టి మీరు పరికరాల్లో ఉపయోగించగల ప్రామాణిక కొలతల శీఘ్ర విచ్ఛిన్నం ఇక్కడ ఉంది. గుర్తుంచుకోండి, కాలమ్ వెడల్పులు పరికర పరిమాణాలలో ఒకే విధంగా ఉండాలి, కానీ మీరు మీ అవసరాలకు తగినట్లుగా ప్రారంభ వెడల్పును సర్దుబాటు చేయవచ్చు. ఈ వ్యవస్థలో పనిచేయడానికి నేను సాధారణంగా 360px వెడల్పు వద్ద మొబైల్ వెబ్సైట్ను డిజైన్ చేస్తాను.
120px- వెడల్పు నిలువు వరుసలు
టెలివిజన్
1,024 x 576 (1080p కారక నిష్పత్తి): 8 నిలువు వరుసలు, 32 పిక్స్ మార్జిన్
డెస్క్టాప్
1,440 x 840: 12 నిలువు వరుసలు, 0 పిక్స్ మార్జిన్
1,280 x 800: 10 నిలువు వరుసలు, 40 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
టాబ్లెట్
1,024 x 768: 8 నిలువు వరుసలు, 32 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
960 x -: 8 నిలువు వరుసలు, 0px మార్జిన్
మొబైల్
320 x -: 3 నిలువు వరుసలు, 0px మార్జిన్
100px- వెడల్పు నిలువు వరుసలు
టెలివిజన్
1,024 x 576 (1080p నిష్పత్తి): 10 నిలువు వరుసలు, 12 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
డెస్క్టాప్
1,440 x 840: 14 నిలువు వరుసలు, 20 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
1,280 x 800: 12 నిలువు వరుసలు, 40 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
టాబ్లెట్
1,024 x 768: 10 నిలువు వరుసలు, 12 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
960 x -: 9 నిలువు వరుసలు, 30px మార్జిన్ ఎడమ మరియు కుడి
మొబైల్
320 x -: 3 నిలువు వరుసలు, 10px మార్జిన్ ఎడమ మరియు కుడి
80px- వెడల్పు నిలువు వరుసలు
టెలివిజన్
1,024 x 576 (1080p నిష్పత్తి): 12 నిలువు వరుసలు, 32 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
డెస్క్టాప్
1,440 x 840: 18 నిలువు వరుసలు, 0 పిక్స్ మార్జిన్
1,280 x 800: 16 నిలువు వరుసలు, 0 పిక్స్ మార్జిన్
టాబ్లెట్
1,024 x 768: 12 నిలువు వరుసలు, 32 పిక్స్ మార్జిన్ ఎడమ మరియు కుడి
960 x -: 12 నిలువు వరుసలు, 0px మార్జిన్
మొబైల్
320 x -: 4 నిలువు వరుసలు, 0px మార్జిన్
ఈ వ్యాసం మొదట కనిపించింది నెట్ మ్యాగజైన్ సంచిక 281; ఇక్కడ కొనండి!