Hocam proje tamamda bi sorun var. Mobilde bazı yerler kayıyor. Bi hocamla beraber bir türlü halledemedik. Kaynak kodu: En en aşağıda
<!doctype html>
<html lang="tr-TR">
<head>
<!-- saved from url=(0068)file:///C:/Users/unlen/Desktop/Proje%20Dosyalar%C4%B1/ProjeSon3.html -->
<meta http-equiv="Content-Type" content="text/html; charset=" utf-8">
<meta http-equiv="Content_Language" content="tr">
<meta charset="utf-8">
<title>Zoom ID ve Şifre Mobile</title>
<link rel="stylesheet" href="
https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="
https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style>
p.sansserif {
font-family: sans-serif;
text-align: center;
font-size: 30px;
}
body {
-moz-transform: scale(0.8, 0.8); /* Moz-browsers */
zoom: 0.8; /* Other non-webkit browsers */
zoom: 140%; /* Webkit browsers */
}
</style>
<style type="text/css">
html, body {
margin:0;
height:100%;
}
#tamcerceve {
min-height:100%;
position:relative;
}
#ortaAlan{
padding:5px;
padding-bottom:75px; /* footer yüksekliği */
}
#altfooter {
position:absolute;
bottom:0;
width:100%;
height:75px; /* footer yüksekliği */
background:#CCC;
text-align:center;
}
</style>
</head>
<body>
<br>
<p class="sansserif" title="Yusufİftiharla Sunar!"> Zoom ID ve Şifre Bilgilendirme Sistemi </p>
<div id="content" class="container">
<div class="my-2>">
<button class="btn btn-secondary button" @
<td>
<div id="countdown_timerKimya"></div>
<div style="clear:both"></div> <div style="witdh:270px"><script>//Geri Sayım Kodu JS
var countDownDateKimya = new Date("2020/05/19 14:30:00").getTime(); //geri sayılacak ileri zamanki bir tarih
var dayText = "Gün";
var hourText = "Saat";
var minuteText = "Dakika";
var secondText = "Saniye";
if (countDownDate){ //tarih var ise
var x = setInterval(function() { //sayacı belirli aralıklarla yenile
var now = new Date().getTime(); //şimdiki zamanı al
var distance = countDownDateKimya - now; //geri sayılacak tarih ile şimdiki tarih arasındaki zaman farkını al
if (distance < 0) { //zaman farkı yok ise belirtilen zamanı geçti
countDownDateKimya = countDownDateKimya + 7*24*60*60*1000; //Tanımlı tarihi 7 gün sonrası olarak ayarla (7günlük milisaniyeyi ekledik.)
}
else { //zaman farkı var ise
//aradaki zaman farkını gün,saat,dakika,saniye olarak böl
var days = Math.floor(distance / (1000 * 60 * 60 * 24)),
hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
seconds = Math.floor((distance % (1000 * 60)) / 1000),
days = (days?'<div><div>'+days+'</div><div>'+dayText+'</div></div>':''), //gun varsa gun degerini yaz
hours = (hours?'<div><div>'+hours+'</div><div>'+hourText+'</div></div>':''), //saat varsa saat degerini yaz
minutes = (minutes?'<div><div>'+minutes+'</div><div>'+minuteText+'</div></div>':''), //dakika varsa dakika degerini yaz
seconds = (seconds?'<div><div>'+seconds+'</div><div>'+secondText+'</div></div>':''); //saniye varsa saniye degerini yaz
document.getElementById("countdown_timerKimya").innerHTML = days + hours + minutes ; //yazdır
}
}, 1000); //1 saniyede bir sayaç güncellenecek
}
</script> </div>
</td>
</tr>
<tr>
<th scope="row">Çarşamba</th>
<th font-weight="normal">Biyoloji<br />14.30 - 15.10</th>
<td>İrfan BAŞPINAR</td>
<td><button class="btn btn-secondary button" @click="copy">964 787 3737</button></td>
<td><button class="btn btn-secondary button" @click="copy">192021</button></td>
<td>
<div id="countdown_timerBiyo"></div>
<div style="clear:both"></div> <div style="witdh:270px"> <script>//Geri Sayım Kodu JS
var countDownDateBiyo = new Date("2020/05/20 14:30:00").getTime(); //geri sayılacak ileri zamanki bir tarih
var dayText = "Gün";
var hourText = "Saat";
var minuteText = "Dakika";
var secondText = "Saniye";
if (countDownDate){ //tarih var ise
var x = setInterval(function() { //sayacı belirli aralıklarla yenile
var now = new Date().getTime(); //şimdiki zamanı al
var distance = countDownDateBiyo - now; //geri sayılacak tarih ile şimdiki tarih arasındaki zaman farkını al
if (distance < 0) { //zaman farkı yok ise belirtilen zamanı geçti
countDownDateBiyo = countDownDateBiyo + 7*24*60*60*1000; //Tanımlı tarihi 7 gün sonrası olarak ayarla (7günlük milisaniyeyi ekledik.)
}
else { //zaman farkı var ise
//aradaki zaman farkını gün,saat,dakika,saniye olarak böl
var days = Math.floor(distance / (1000 * 60 * 60 * 24)),
hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
seconds = Math.floor((distance % (1000 * 60)) / 1000),
days = (days?'<div><div>'+days+'</div><div>'+dayText+'</div></div>':''), //gun varsa gun degerini yaz
hours = (hours?'<div><div>'+hours+'</div><div>'+hourText+'</div></div>':''), //saat varsa saat degerini yaz
minutes = (minutes?'<div><div>'+minutes+'</div><div>'+minuteText+'</div></div>':''), //dakika varsa dakika degerini yaz
seconds = (seconds?'<div><div>'+seconds+'</div><div>'+secondText+'</div></div>':''); //saniye varsa saniye degerini yaz
document.getElementById("countdown_timerBiyo").innerHTML = days + hours + minutes ; //yazdır
}
}, 1000); //1 saniyede bir sayaç güncellenecek
}
</script> </div>
</td>
</tr>
<tr>
<th scope="row">Çarşamba</th>
<th font-weight="normal">Geometri<br />15.20 - 16.00</th>
<td>Yusuf Sertaç Aktulum</td>
<td><button class="btn btn-secondary button" @click="copy">584 261 9932</button></td>
<td><button class="btn btn-secondary button" @click="copy">3SAAUi</button></td>
<td>
<div id="countdown_timerGeo"></div>
<div style="clear:both"></div> <div style="witdh:270px"> <script>//Geri Sayım Kodu JS
var countDownDateGeo = new Date("2020/05/20 15:20:00").getTime(); //geri sayılacak ileri zamanki bir tarih
var dayText = "Gün";
var hourText = "Saat";
var minuteText = "Dakika";
var secondText = "Saniye";
https://gonotes.me/kwk06 Kod burada
css @media fonksiyonunu biliyorum ama bunu entegre edemedim edebilirseniz veya başka bir çözümünüz varsa li yazın
