You can use a javascript to detect the device vDevice = navigator.platform; if (vDevice.indexOf("iPhone") > -1 || vDevice.indexOf("iPod")> -1 || vDevice.indexOf("iPad") > -1) { \\do something };
I was hoping there was a way to avoid using something like navigator.platform or user agents.
The advice seems to be they are unreliable for one reason or another.
in this article I’ve found a an interesting solution to recognize the device
$ipad-pro-portrait-breakpoint: "(min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)";
$ipad-pro-landscape-breakpoint: "(min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px)";