wideViewPort issue in Android teams custom tab

2023-01-10T09:42:03.577+00:00

Hello. I'm planning to attach the page used by the company through static tab and distribute it in teams. We are currently testing it with mobile phone, but there is a problem that the screen is enlarged only on Android devices.

  1. in iOS (output normally) 277863-first.jpg
  2. in Android 277855-snd.png

From the results obtained through several trying, if 'setUseWideViewPort' of Android WebView Settings is false, it is enlarged and if it is true, it is output normally. Is Teams controlling that setting? How can we solve this problem? Other browsers, like Chrome, don't see this kind of it, and it's only happening in teams.

In addition, Here's the content value of viewport meta tag that is set when running on Android.

<head>
<meta name="viewport" content="user-scalable=0,initial-scale=0.48,width=750,target-densitydpi=device-dpi,minimum-scale=0.48,maximum-scale=0.48">
</head>
Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
3,705 questions
{count} votes

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.