javascript - Text input gets gap when zooming out in 90%, 67%, 33% -
i'm having problem textbox input, when user zoom out page, textbox gets outside div, curiously happens when zoom 90%, 67%,33%... textbox looks fine when zoom 100%, 75%, 50%. css class looks this:
#somedropdown .sometextbox { margin-left: -24px; background: #fff; margin-top: -5px; padding-left: 25px; width: 100%; zoom:1; -ms-transform: scale(1); /* ie 9 */ -ms-transform-origin: 0 0; -moz-transform: scale(1); /* firefox */ -moz-transform-origin: 0 0; -o-transform: scale(1); /* opera */ -o-transform-origin: 0 0; -webkit-transform: scale(1); /* safari , chrome */ -webkit-transform-origin: 0 0; transform: scale(1); /* standard property */ transform-origin: 0 0; /* standard property */ }
so, wonder if there way correct behavior, tried "position: fixed" textbox gets @ left/top , not proper behavior i'm looking for.
i used scale(1)
try avoid looks different through browsers, -it has happened me before-, solve other css one:
#somedropdown .sometextbox { margin-left: -24px; margin-right: -20px; background: #fff; margin-top: -5px; padding-left: 25px; padding-top: 0px; padding-bottom: 0px; width: 100%; }
Comments
Post a Comment