javascript - Modal window not taking full 100 width -


i've modal window want take full screen. i've got have 100% height width isn't working. i've tried using min-width: 100%; gave more 100%.

https://jsfiddle.net/k5adr0wc/

just click on img icon or modal buttons. i've tried

.remodal-is-initialized {      display:inline-block;    width: 100%;    height: 100%;

the problem in following media query. have max-width of 700px. remove , work.

/* media queries    ========================================================================== */  @media screen , (min-width: 641px) {      .remodal {          max-width: 700px;      }  } 

also remove padding on .remodal class.

.remodal {      width: 100%;      margin-bottom: 10px;     /* remove padding */     padding: 35px;     ... 

there seems problem #outer div. have overflowing content produces second scroll-bar on right.


Comments

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -