沒有圖像切出的響應式回覆技巧

Question

我正在嘗試創建一個響應式回覆。我在互聯網上找到了這個很好的例子。我嘗試了它，它的工作原理沒問題，但問題在於，當我將Chrome瀏覽器調整到最小尺寸以及在iPhone上時，單詞會被切斷。我想知道，是否有可能使它不會削減這些詞，並使文本可讀？

<style> 
@media (max-width: 444px) { 

    .recaptchatable #recaptcha_image { 
      margin: 0 !important; 
      width: 200px !important; 
    } 

    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell { 

      background: none !important; 
    } 

} 
</style> 

Answer 1

@media (max-width: 444px) { 
    .recaptchatable #recaptcha_image { 
     margin: 0 !important; 
     width: 200px !important; 
     float:left !important; 
    } 
    .recaptchatable #recaptcha_image img { 
     max-width:100%; 
    } 
    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 { 
     background: none !important; 
    } 
} 

這應該可以解決圖像的問題。