中身内容固定位置の応答画像

Question

私はこの図とその周辺のいくつかの値を持っています。イメージが応答しない限り、これは正常に動作しています。しかし、応答性クラスを含めると、値は異なる画面で歪んでしまう傾向があります。

コードの前後に値を動的に配置するためのJSコードです。

var letter , letter1 , letter2 , letter3; 

var letter = { 
    label: a, 
    top: 253, 
    left: 29 
} 

var letter1 = { 
    label: b, 
    top: 160, 
    left: 150 
} 

var letter2 = { 
    label: c, 
    top: 70, 
    left: 350 
} 

var letter3 = { 
    label: d, 
    top: 270, 
    left: 260 
} 

var letter_elem = document.createElement('span'); 
letter_elem.style.top = letter.top + 'px'; 
letter_elem.style.left = letter.left + 'px'; 
letter_elem.innerHTML = letter.label; 
letter_elem.className = 'sam_number'; 

var letter_elem1 = document.createElement('span'); 
letter_elem1.style.top = letter1.top + 'px'; 
letter_elem1.style.left = letter1.left + 'px'; 
letter_elem1.innerHTML = letter1.label; 
letter_elem1.className = 'sam_number'; 

var letter_elem2 = document.createElement('span'); 
letter_elem2.style.top = letter2.top + 'px'; 
letter_elem2.style.left = letter2.left + 'px'; 
letter_elem2.innerHTML = letter2.label; 
letter_elem2.className = 'sam_number'; 

var letter_elem3 = document.createElement('span'); 
letter_elem3.style.top = letter3.top + 'px'; 
letter_elem3.style.left = letter3.left + 'px'; 
letter_elem3.innerHTML = letter3.label; 
letter_elem3.className = 'sam_number'; 

私はそれが上部と左の位置と関係があると確信しています。ここで

はリンクです：

非対応する画像。値は完全に配置されますが、一部のモバイルデバイスではイメージがカットされます。

http://ssdmm.org/if/simple/562.html

対応する画像コード：お時間を

http://ssdmm.org/if/responsive/562.html

感謝。 :)

Answer 1

あなたのためにそれを赤字にしてください。