Resizing via css does not work correctly

I set the

.oc_signature-pad [
  width:100%
}

and it worked but when drawing on canvas it doesn’t draw in right place

I read some links which saw you have to change the js draw coordinates to accomodate this
https://stackoverflow.com/questions/1664785/resize-html5-canvas-to-fit-window