react-device-frameset icon indicating copy to clipboard operation
react-device-frameset copied to clipboard

Published 20 hours ago • verified publisher icon zheeeng

Unclear how to scale size of device frames

Open LiamJSP opened this issue 2 years ago • 3 comments

I have tried using the width/height props but setting these to any numerical values produces inconsistent scaling, some of the frame scales while other parts do not.

As a workaround I was able to resize the entire frame properly using transform: scale() CSS on the outer wrapper div, but this obviously will leave empty space as transform doesn't cause the layout to reflow.

Any hint how I'm supposed to properly resize with props?

LiamJSP avatar Nov 01 '22 18:11 LiamJSP

Sorry for there are no suggested hint for you currently, maybe I need to revise a configurable 'scale' option and change the element's box-sizing from fixed pixels size to relative size.

zheeeng avatar Nov 02 '22 03:11 zheeeng

No problem just figured I'd check I wasn't using the prop wrong. Thanks for this!

LiamJSP avatar Nov 02 '22 03:11 LiamJSP

I would like to know this as well. Trying to use MacBook Pro at 90% zoom, but it's not clear at all from the docs as to what values are expected?

mryechkin avatar Jan 24 '23 20:01 mryechkin