Reaģējošā metatags CSS-triki

Anonim

Es mēdzu to izmantot:

Lai gan es uzskatu, ka tas ir ļoti ieteicams:

Tas nozīmē, ka pārlūkprogramma (iespējams) renderēs lapas platumu paša ekrāna platumā. Tātad, ja šī ekrāna platums ir 320 pikseļi, pārlūkprogrammas logs būs 320 pikseļu plats, nevis tālināts un parādīs 960 pikseļus (vai ko citu ierīce pēc noklusējuma dara, reaģējoša metataga vietā).

Piezīme: nelietojiet atsaucīgu metatagu, ja jūsu vietne nav īpaši izveidota tā, lai tā būtu atsaucīga un darbotos labi tādā izmērā, jo tas pasliktinās pieredzi.

Šis tags atbalsta vairāk atribūtu:

Īpašums Apraksts
platums Ierīces virtuālā skata loga platums.
ierīces platums Ierīces ekrāna fiziskais platums.
augstums Ierīces “virtuālā skata punkta” augstums.
ierīces augstums Ierīces ekrāna fiziskais augstums.
sākotnējā mērogā Sākotnējā tālummaiņa, apmeklējot lapu. 1.0 nav pietuvināts
minimālais mērogs Minimālā summa, ko apmeklētājs var tuvināt lapai. 1.0 nav pietuvināts
maksimālais mērogs Maksimālā summa, ko apmeklētājs var tuvināt lapai. 1.0 nav pietuvināts
mērogojams lietotājam Ļauj ierīcei tuvināt un tālināt. Vērtības ir jā vai nē.

Parasti ieteicams nenovērst mērogošanu, jo tas ir kaitinošs un potenciāli pieejams ar pieejamību.

Jūs, iespējams, vēlēsities to arī savā CSS:

@-ms-viewport( width: device-width; )

Noderīgi zināt: ja mainīsit šī meta taga vērtību ar JavaScript, lapa reaģēs uz jauno vērtību. Vai nu izsūtiet visu tagu un nomainiet, vai mainiet contentrekvizītu. Nav īpaši izplatīta vajadzība, bet tā var parādīties.