iPad portrait / langscape - no iPad recognition with JavaScript -
i want able set different viewport meta tags, depending on whether device ipad or not, , if it's ipad, whether it's being used in portrait or landscape view.
it should doable javascript, apple's ipad user agent string, described in article david walsh.
something this:
if isipad , max-width=768px -> use viewport meta portrait else if isipad , max-width=1024px -> use viewport meta landscape else (not ipad) -> use default viewport meta non-ipad devices; (some kind of event listener) if ipad's max-width changes 768 1024, or 1024 768 - use corresponding viewport meta.
could skillful translate actual javascript?
thank in advance help!
var isipad = navigator.useragent.match(/ipad/) != null; if (isipad) { var meta = document.createelement("meta"); meta.setattribute("viewport", "whatever"); var head = document.getelementsbytagname("head")[0]; head.appendchild(meta); } else { // etc.. }; window.onresize = function(event) { var width = window.clientwidth; // works android + ios. var meta = document.createelement("meta"); meta.setattribute("viewport", "whatever"); var head = document.getelementsbytagname("head")[0]; var metas = document.getelementsbytagname("meta"); (var = 0, < metas.length; i++) { if (metas[i].getattribute("whatever") == "blabla")//removal condition head.removechild(metas[i]); }; head.appendchild(meta); };
Comments
Post a Comment