移動響應表單不起作用

Question

在我的移動響應型網站“注冊”頁面上，注冊表格已從其在PC上的原始位置移動到了電話/移動設備上的其他位置。.重新定位的表格不起作用（我無法輸入值或文本）

（在iPhone 5和其他手機上工作正常，但iPhone 6上的Chrome除外）

 <script type="text/javascript"> $(document).ready(function(){ if ($(window).width() <= 767){ $('#side-content').insertAfter('#mobilePos').css; } else { $('#side-content').insertAfter('#desktopPos').css; } }); $(window).resize(function(){ if ($(window).width() <= 767){ $('#side-content').insertAfter('#mobilePos').css; } else { $('#side-content').insertAfter('#desktopPos').css; } }); </script> 

Answer 1

我認為您只想移動表格。 因此，只需將其與這段代碼放在一起即可。

$（'＃side-content'）。insertAfter（'＃mobilePos'）;

CSS功能僅用於使用jquery設置樣式。

CMIIW。

Answer 2

使用此代碼：

$(document).ready(function(){
    $(window).load(function(){
    if ($(window).width() <= 767){  
      $('#side-content').insertAfter('#mobilePos');
    } else {
      $('#side-content').insertAfter('#desktopPos');
    }
  });
  $(window).resize(function(){
    if ($(window).width() <= 767){  
      $('#side-content').insertAfter('#mobilePos');
    } else {
      $('#side-content').insertAfter('#desktopPos');
    }
  });
});

Answer 3

使用CSS媒體查詢

 @media (min-width: 768px) and (max-width: 1100px) {
     User Css Code For min - desktop Screen resolution
 }



 @media (min-width: 480px) and (max-width: 767px) {
     User Css Code For Tab Screen resolution
 }

同樣適用於手機屏幕，您還需要其他屏幕，例如智能電視等。