chrome device mobile view html select options zoom out

I am use html select, it working well without chrome dev simulator mobile:

• this is default view without simulator mobile

• after turning on dev simulator, it seems like select options are minimized

it only minimizes when using with chrome but works fine with firefox

Is there any way fix this?

Thanks

Answer

Your issue when turning on dev simulator is that it is defaulting to "iPhone 14 pro Max". This can be seen on the top of the chrome dev tools picture you sent. You can set this to anything.

The new view of the drop down menu is the default iPhone view. All iPhone will force their style of dropdown menus, among other things as well.

Recommendation: Just use Something like rem or dvw in you CSS for font size, this will change based off of the aspect ration or width of the screen. You could also have a @media query in your CSS.

Hope this helped!

I see you're building something with crypto: Do not scam people & Stay safe.