I would like to adjust the div container of svg jsbarcode and the svg jsBarcode will follow the size of the div container

[isaac0310]

CSS of div

.internal_box{
		position: relative;
		display: inline-block;
		border: 1px solid;
		resize: both;
		overflow: auto;
	}

HTML SVG jsBarcode
<div class='internal_box'><svg id='p_barcode'></svg></div>

JQUERY

<script type="text/javascript">
	JsBarcode("#p_barcode").options(
	{margin: 0,
	height: 50,
	width: 1,
	font:"OCR-B",
	ratio:0.8}
	).EAN13("<?php echo $_GET['get_bar'];?>", 
	{fontSize: 18, textMargin: -1}).render();
	</script>

[isaac0310]

Sorry for this question. I already got the answer
CSS

.internal_box{
		position: relative;
		border: 1px solid;
		display: inline-block;
		resize: both;
		overflow: auto;
	}

HTML
<div class='internal_box'><svg id='p_barcode' style='height: 100%;width: 100%'></svg></div>
JQUERY

<script type="text/javascript">
	JsBarcode("#p_barcode").options(
	{margin: 10,
	height: 100,
	width: 2,
	font:"OCR-B",
	ratio:0.8}
	).EAN13("<?php echo $_GET['get_bar'];?>", 
	{fontSize: 18, textMargin: -1}).render();
	</script>

[albertkim]

@isaac0310 Thank you for posting your solution!