I'm not sure if you want to use transformation to create a responsive design. You can use% to scale your design to fit any screen. In my understanding, the transformation is still at the experimental stages and is not fully prepared for the production environment. I think the problem is that the problem is that the origin of the dropdown list inherits css and reuses it.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
But, for example, if you want to change the width of your inputs regardless of the size of the screen, you can use the width: 50%; for example, and it will always be 50% of the container. Now there is a more responsive design, screen space breaks where you redefine your design, but hopefully this helps!
EDIT: To demonstrate conversion properties, you can visit http://css3please.com/ It uses real-time css editing to demonstrate the changes, as well as the corresponding code for various browsers. Sometimes a problem can be caused if you are missing the appropriate prefixes (-moz, -o, -ms, -webkit). Hope this helps.