Duyarlı bir web sitesi yapıyorum ve bu problemi yaşıyorum. Her şey bir [input type = "text"] seçip klavyeden çıkana kadar iyi çalışır, tüm site yeniden boyutlandırılır, ekran boyutu sadece klavyenin üst kısmıdır. Ben sadece normal boyuta sahip olmasını istiyorum. Stackoverflow üzerinde önerilen tüm çözümü başka bir forumda da denedim, hiçbir şey işe yaramıyor gibi görünüyor.mobile keyboard resize viewport
Bunu düzeltmek konusunda herhangi bir fikri olan var mı?
<head>
<title>SchoolIn</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
//other code
GÜNCELLEME: Daha iyi açıklamak için çalışacağım .
sonra bir baş bölümü
//other code
<div class="head">
//Here is some text
</div>
//other code
Tüm eleman hiçbir şey piksel orada yüzdesinde olan bir içerik bölümünü
//other code
<div class="container">
<div class="content">
//other code
<input type="text" ...... />
<input type="password" ..... />
<input type="submit" ..... />
</div>
</div>
//other code
sahiptir.
Keyboad üstbilgiden çıktığında, kapsayıcı ve içerik divı yeniden boyutlandırılır, bunun yerine giriş alanları ve düğmesi yoktur. Her halükarda konteynerlerinden çıktılar, konteyner küçülür ve orijinal boyutunu korurlar. Kendimi netleştirdiğimi bilmiyorum.
Soru aynı, klavye çıkınca orijinal boyutta kalmasını nasıl sağlarım?
Sorununuzu nasıl düzelttiniz? (Sanırım tüm olası kombinasyonlarını denedim, ama sizinki gibi, ama başarı yok. :(- Daniel Srp) – user2360915