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 de
check this link my be that's help you https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4
You can write like this
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
check this link also https://www.davidbcalhoun.com/2010/the-viewport-metatag-mobile-web-part-1/
It seems that there's no target-densitydpi in safari. For what contents in Viewport of safari, look Configuring the Viewport.
safari support viewport and its attributes but not target-densitydpi. please refer this link https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1