css
.url {text-align:center;margin:0px auto;width:95%;max-width:750px;margin-top: 10px;}
@media only screen and (min-width:750px) {
.url{display:none;}
}

html

<div class="url">
<!--url-->
<style>.inputs input, textarea{display:inline;float:left;width:81%;outline: none;resize: none;border: 1px solid #0f7ac33d;overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
</style>
<input style="inputs" type="button" value="Url" id="copy" onclick="Copy();" />
<textarea id="url" rows="1"></textarea> <!--หรือ <a id="url"></a> --->
<script>
function Copy() {
  var Url = document.getElementById("url");
  Url.innerHTML = window.location.href;
  console.log(Url.innerHTML)
  Url.select();
  document.execCommand("copy");
}
</script>
<script>function _handleClick(event) {event.preventDefault();var textarea = document.createElement("textarea");textarea.select();try {var copiedURL = document.execCommand('copy');if (copiedURL) {alert('URL ถูกCopyแล้ว, ท่านสามารถนำไปวางได้เลย');} else {console.log('Copy failed');}} catch (err) {console.log('Copy failed',err);}document.body.removeChild(textarea);}document.getElementById('copy').addEventListener('click',_handleClick,false);</script>
<div style="clear:both"></div>-->
<!--url-->
</div>