为什么不解决响应式网络在本地和服务器上不同的问题

Question

http://api.vankow.com/file/images/8.9%20%EC%B6%9C%EA%B3%A0%EC%A0%95%EC%82%B0.HTML -> 将页面加载到服务器无法响应

但打开本地页面正在响应。我不明白

file:///C:/Users/mega79/8.9%20%EC%B6%9C%EA%B3%A0%EC%A0%95%EC%82%B0.HTML

Answer 1

您的 img DOM 元素没有宽度属性，这将加载图像源的自然宽度和高度。这就是为什么您的 img 元素超出了布局。你可以简单地添加样式 width: 100%;到你的 img DOM 元素

Answer 2

我的问题解决了！我做到了！

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>        
<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<style>
  body {
    padding:0px;
    margin:0px;
  }
</style>    
<script>
  $(function() {
        $("#post_content img, .resizablebox").each(function() {
            var oImgWidth = $(this).width();
            var oImgHeight = $(this).height();
            $(this).css({
                'max-width':oImgWidth+'px',
                'max-height':oImgHeight+'px',
                'width':'100%',
                'height':'100%'
            });
        });
    });
</script>
</head>

<body>
<title>VANKOW ERP 메뉴얼입니다.</title>
<h1>8.별도 - 8.9 출고정산</h1>        
<div>
  <p>
    <img src="http://api.vankow.com/file/images/image045.png"/   style="maxwidth:900px; max-height: 900px; width: 100%; height:100%;">
  </p>
  </div>
 </body>
</html>

为什么不解决响应式网络在本地和服务器上不同的问题

why don't solve that responsive web is different local and server

html

java

responsive