How to make a asp.net drop down list responsive -

i wondering how make asp.net drop down list responsive. , mean when on smart phone format width fit screen, , when on tablet same , on.

any examples great.

thanks help

step 1: add 1 or more css classes

you'll need start adding css class dropdown list control (hereafter referred 'the control'). can done adding 1 or more classes cssclass attribute in control. additionally should take @ conditional css statements.

---

step 2: add usual responsive design styles class

a basic responsive design style

.responsivewidth{width:100%;max-width:950px;min-width:650px;} 

---

things remember...

just remember when using max- , min-width, expected if use percent width , should use explicit width max-width , min-width. goes both ways, do:

.reponsivewidth{width:900px;max-width:100%;} 

...which keep control @ 900px width unless screen width drops below 900px.

---

bonus info:

here links have in "responsive design" folder in bookmarks...

tips

• 7 responsive design tips enhance workflow
• how use conditional css statements
• 5 useful css tricks responsive design

references

• w3c css conditional rules module level 3
• advanced conditional statements