When setting meta name='viewport' content='target-densitydpi=device-dpi'
, the Android browser and Opera Mobile treats a CSS pixel as a device pixel on my device, leaving my stylesheets unmolested.
Is there any equivalent feature that works in Safari on the iPhone?
On my already mobile-friendly, high-DPI-optimized, media-query-powered web application, I'd really appreciate if the browser left my stylesheets alone.
(My full viewport declaration looks like this: meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no; target-densitydpi=device-dpi'
)
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…