¿Cómo evitar que UIWebView ajuste el contenido de la página al ancho de la pantalla (sin escala ni sin reflujo)?

Utilizo UIWebView para cargar una página web en mi aplicación y quiero que la página se represente exactamente en el mismo layout que en el browser de PC, sin ningún efecto "receptivo".

La página específica en el problema se genera al hacer frente a una tabla de MS Word a ckeditor . El código fuente completo de la página se muestra a continuación (perdón por algunos caracteres chinos en la página; no deberían tener nada que ver con la naturaleza del problema):

 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="//cdn.ckeditor.com/4.5.10/full/contents.css"> <title>My Page</title> </head> <body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders"> <table border="1" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <p align="center">时间</p> </td> <td> <p align="center">体温</p> </td> <td> <p align="center">症状</p> </td> <td> <p align="center">WBC</p> </td> <td> <p align="center">N%</p> </td> <td> <p align="center">TB</p> </td> <td> <p align="center">DB</p> </td> <td> <p align="center">ALB</p> </td> <td> <p align="center">ALT</p> </td> <td> <p align="center">AST</p> </td> <td> <p align="center">PT</p> </td> <td> <p align="center">h-CRP</p> </td> <td> <p align="center">PCT</p> </td> </tr> <tr> <td> <p align="center">10/20</p> </td> <td> <p align="center">39.9</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">4.28</p> </td> <td> <p align="center">91.3</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">1.25</p> </td> <td> <p align="center"><br></p> </td> </tr> <tr> <td> <p align="center">10/21</p> </td> <td> <p align="center">39.3</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">3.37</p> </td> <td> <p align="center">85.5</p> </td> <td> <p align="center">57.6</p> </td> <td> <p align="center">19.4</p> </td> <td> <p align="center">29.6</p> </td> <td> <p align="center">18</p> </td> <td> <p align="center">23</p> </td> <td> <p align="center">20.1</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">2.11</p> </td> </tr> <tr> <td> <p align="center">10/22</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">乏力纳差,轻度腹胀</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> </tr> <tr> <td> <p align="center">10/25</p> </td> <td> <p align="center">37.4</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">1.58</p> </td> <td> <p align="center">72.2</p> </td> <td> <p align="center">27.7</p> </td> <td> <p align="center">16.0</p> </td> <td> <p align="center">29.4</p> </td> <td> <p align="center">1.2</p> </td> <td> <p align="center">14</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">0.39</p> </td> </tr> <tr> <td> <p align="center">10/25</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">4.85</p> </td> <td> <p align="center">89.1</p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center"><br></p> </td> <td> <p align="center">93.26</p> </td> <td> <p align="center"><br></p> </td> </tr> </tbody> </table> </body> </html> 

En el browser de PC, y en la vista web de Android, el layout de resultados de la página es como:

introduzca la descripción de la imagen aquí

Pero en UIWebView de iOS, es como: introduzca la descripción de la imagen aquí

¿Cómo debo hacer con UIWebView para que la página se represente igual que en el browser de PC?


ACTUALIZACIÓN :

Agregar un meta de window gráfica con un valor de ancho codificado de forma suficientemente grande en el código fuente de la página obtendrá lo que quiero:

<meta name = "viewport" content = "width=1000, initial-scale = 1.0, minimum-scale = 1.0, user-scalable = yes">

Pero esto no parece ser la forma correcta de lograr esto. Siempre pensé que si quería que la página se replantee, entonces necesito agregar un meta de vista con width=device-width , pero si no quiero que la página sea escalada ni reflowed, entonces no necesito configurar nada. ¿No es el caso de iOS UIWebView?

Prueba esto.

 NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"Sample" ofType:@"html" inDirectory:nil]]; self.webView.scalesPageToFit = YES; [self.webView loadRequest:[NSURLRequest requestWithURL:url]]; 

introduzca la descripción de la imagen aquí Despues de zoom

introduzca la descripción de la imagen aquí

Puede agregar el margen izquierdo y derecho. Evitará que UIWebView ajuste el contenido de la página al ancho de la pantalla.

Prueba algo como esto antes de crear webview

 NSDictionary *dictionary = [NSDictionary dictionaryWithObjectsAndKeys:@"Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:25.0) Gecko/20100101 Firefox/25.0", @"UserAgent", nil]; [[NSUserDefaults standardUserDefaults] registerDefaults:dictionary]; 

o testing de esta manera

  String newUA= "Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/20100101 Firefox/4.0"; mWebView.getSettings().setUserAgentString(newUA); 

Intente agregar CSS:

 td { white-space: nowrap; }