모니터 디스플레이에 따라 이미지가 움직이지 않음

내 웹 사이트의 이미지 위치에 문제가 있습니다. 나는 배경과 내 모니터 크기와 관련하여 올바른 위치에 있도록 설정했습니다. 그러나 나는 오늘 결과가 다르다는 것을 screenfly에서 테스트했습니다. 필자의 목표는 필요할 경우 더 큰 화면의 요구에 맞게 이미지를 자동으로 화면 전체로 이동시키는 것입니다. 요약하면 큰 이미지를 위해 내 이미지의 위치를 자동으로 바꾸는 코드가 있습니다. 웹 사이트 URL은 내가 더 큰 화면에 내 웹 사이트를 참조하는 데 사용하는 웹 사이트가 난 정말 당신이 무슨 뜻인지 이해가 안 돼요, 하지만 난 당신에게 할 수있는 솔루션을 Screen Fly 모니터 디스플레이에 따라 이미지가 움직이지 않음

<!doctype html> 
<html> 
<head> 
    {{content_for_header}} 
<meta charset="utf-8"> 
<title>Untitled Document</title> 

<style type="text/css"> 
body { 
    background-image: url(https://cdn.shopify.com/s/files/1/0519/8985/files/dK8eAz1.jpg?6056); 
    background-repeat: repeat; 
} 
</style> 
</head> 

<body> 
    {{content_for_body}} 
    {{content_for_layout}} 
<div style="position:absolute"></div> 
<span style="position: absolute; left: 243px; top: 161px;"><img src="https://cdn.shopify.com/s/files/1/0519/8985/files/theinternetschoice.png?6056" width="614" height="76" alt=""/></span> 

<div style="position:absolute"></div> 
<span style="position: absolute; left: 112px; top: 14px;"><img src="https://cdn.shopify.com/s/files/1/0519/8985/files/xuWE8Qe.png?6056" width="884" height="129" alt=""/></span> 
</body> 
</html>

출처

2014-07-19 user3851319

위치 변경 및 위치 변경? 지금은 절대 위치 지정을 사용하고 있으므로 이미지는 창 크기에 따라 위치가 변경되지 않습니다. 귀하의 질문을 명확히하십시오. –

당신은 내가 원하는 것을 꽤 많이 요약했습니다. 예를 들어, 내 페이지의 동일한 상대적 위치에서 내 코드를 유지할 수있는 코드 스 니펫을 원합니다. 작은 모니터에서 내 페이지 모서리에 이미지가 있고 큰 모니터에서 누군가가 따라 오면 이미지가 페이지 중간에 갑자기 나타납니다. 이걸 어떻게 막을 수 있니? 답장을 보내 주셔서 감사합니다. @EdCottrell – user3851319

훨씬 더 구체적이어야합니다. 절대 위치 지정을 사용하면 이미지는 항상 주어진 좌표에있게됩니다. 어떤 이미지가 있어야하는지 정확히 지정해야합니다. 그렇지 않으면 정말 도움이되지 않습니다. –

입니다 www.mustownit.com

입니다 필요. 당신의 CSS에이 코드를 추가하고 그것을 시도

background-size : cover

당신의 코드는 다음과 같습니다

<style type="text/css"> 
body { 
    background-image: url(https://cdn.shopify.com/s/files/1/0519/8985/files/dK8eAz1.jpg?6056); 
    background-repeat: repeat; 
    background-size : cover ; 
} 
</style>

을 그건 당신이 나에게 더 설명을 줄 필요 아니라면. 좋은 하루 보내십시오.

출처

2014-07-19 01:35:17 Soufiane

모니터 디스플레이에 따라 이미지가 움직이지 않음

답변

관련 문제