Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

webview not support viewport width 640px #16922

Closed
banli17 opened this issue Nov 22, 2017 · 2 comments
Closed

webview not support viewport width 640px #16922

banli17 opened this issue Nov 22, 2017 · 2 comments
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.

Comments

@banli17
Copy link

banli17 commented Nov 22, 2017 •
edited

development

  • react-native 0.44
  • iphone 6s ios 10.3 and other iphone。 android is ok

issue

i set html page viewport link this

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=640px,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
</head>
<body>
	<div style="height:200px;background: red;width:640px;"></div>
</body>
</html>

in react-native

<WebView
	ref={(e)=> {
		this.webView = e
	}}
		onLoadEnd={this.onLoadEnd.bind(this)}
	source={{uri: url}}
	javaScriptEnabled={true}
	scalesPageToFit={false}
	startInLoadingState={true}
	renderLoading={this.renderLoading.bind(this)}
	onNavigationStateChange={this.onNavigationStateChange.bind(this)}
/>

but in app the page's html, page has scrollbar, and div is 2* device-width， it should just 1*device-width not 2。 i think this is bug。

it's ok on android and it's bug on iphone
@react-native-bot
Copy link
Collaborator

@facebook-github-bot no-template

@facebook-github-bot
Copy link
Contributor

Hey @banli17, thanks for posting this! It looks like your issue is missing some required information. Can you please add all the details specified in the Issue Template? This is necessary for people to be able to understand and reproduce your issue. I am going to close this, but please feel free to open a new issue with the additional information provided. Thanks!

How to Contribute • What to Expect from Maintainers

@facebook-github-bot facebook-github-bot added the Ran Commands One of our bots successfully processed a command. label Nov 22, 2017
@facebook facebook locked as resolved and limited conversation to collaborators Nov 22, 2018
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Nov 22, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@facebook-github-bot @banli17 @react-native-bot