PDF文件未加载在React JS应用程序的移动视图中

Question

当我们单击它时，有一个“视图”按钮，将在模态弹出窗口中加载一个PDF文件，PDF在普通Web浏览器中加载正常，但是当在移动设备中打开时，然后在移动设备中打开，然后在未加载的PDF文件中加载，而不是显示为显示。空白页。我正在使用

<iframe>

用于PDF显示。

我正在使用什么：

 <div className="modal-body">
   <div className="common-form py-3">
     <div className="left-data padding-zero left-data">
       <div className="doc-height scrollbar-style-1 theme-min-height">
         {pdfFile !== '' ? (
           <iframe
               src={`${pdfFile}#toolbar=0&zoom=100&`}
               height="100%"
               width="100%"
               title="PDF Viewer"
               allow="fullscreen"
               className="pdf-iframe"
           />
           ) : (
              LOADING_PDF_FILE
           )}
       </div>
     </div>
    </div>
  </div>

当我们单击“查看”按钮/链接时，将加载pdf文件。

[![enter image description here][1]][1]

我做错了什么？任何人都可以帮忙..！预先感谢

trory通过检查模式打开Chrome的PDF，然后将分辨率更改为移动尺寸（就像您使用的任何设备屏幕尺寸一样），如果它在那里打开，则意味着BLOB在特定的移动设备浏览器中加载blob存在问题。