【问题标题】:iPad UIWebview showing all contents in top-left corner (1 fourth of screen)?iPad UIWebview 在左上角(屏幕的四分之一)显示所有内容?
【发布时间】:2014-12-03 22:18:30
【问题描述】:

在我的通用应用程序中,当我单击按钮时,我会打开一个带有 2 个 xib 的新视图控制器(一个用于 iPad,另一个用于 iPhone。两个 xib 都启用了自动布局)。

我试图在 iPhone 和 iPad 中加载一个 html 字符串作为 url。在 iPhone 中,它正确出现(全屏),而在 iPad 中,它仅出现在左上角。

这是我的代码

- (void)viewDidLoad
{
    [super viewDidLoad];
    NSString *str=@"<a class='twitter-timeline' href='https://twitter.com/hashtag/aphrsindia' data-widget-id='501341258330025985'>#aphrsindia Tweets</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','twitter-wjs');</script>";

       [_webview loadHTMLString:str baseURL:nil];

       [self initializeNavBarItems];

    // Do any additional setup after loading the view from its nib.
}

iPad screenshot link

请帮帮我..

【问题讨论】:

  • 可能听起来很愚蠢,但在您的 xib 中,webview 跨越了整个 UI?否则尝试禁用自动布局并手动设置高度和宽度,看看是否有变化。编辑:也许提供您 iPad 的 xib 的屏幕截图
  • 我已经这样做了,之前没有任何改变

标签: ios objective-c ipad twitter uiwebview


【解决方案1】:

问题:这个 twitter url 添加了一个宽度为 520px 的 iframe,这就是原因。

解决方案: 我创建了一个带有样式的 html 文件

<style>
iframe#twitter-widget-0{

    width: 100% !important;
    height: 100% !important;
}
</style>

在正文中,我添加了 url 字符串的其余部分。

【讨论】:

  • 我猜 Twitter 将浏览器视为 iPhone 并提供 iPhone 布局。尝试设置一个适合 iPad 的自定义用户代理,看看是否可行。
【解决方案2】:

确保您的 html 内容格式正确。当您在此视图控制器上导航时,请检查您是否加载了正确的 .xib。喜欢:

YourViewController *yourController;
if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPad)
    yourController = [[YourViewController alloc] initWithNibName:@"YourViewController_iPad" bundle:nil];
else
    yourController = [[YourViewController alloc] initWithNibName:@"YourViewController_iPhone" bundle:nil];
[self.navigationController pushViewController:yourController animated:TRUE];

【讨论】:

  • 我解决了问题,就像 twitter 为 iframe 设置宽度 520px。但我不知道解决方案! .ryt 现在正在尝试动态 css 注入
  • 太棒了...@johnmikemike
猜你喜欢
  • 1970-01-01
  • 2013-04-06
  • 1970-01-01
  • 1970-01-01
  • 2014-07-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多