Hi!
Ich versuche mein FTUI Widget ordentlich skalieren zu lassen...
Naja... es klappt einfach nicht... Auf dem Handy hab ich es im Hochformat schön auf der ganzen Breite aber sobald ich in querformat drehe bleibt die hälfte des Bildschirms unbefüllt.
Öffne ich die Seite auf dem Tablet passt gar nichts mehr... weder im Hochformat noch im Querformat wird die Seite gefüllt...
Kann man das irgendwie so einstellen das halt immer die ganze Breite des Bildschirms genutzt wird?
Hier meine Einstellungen:
<!DOCTYPE html>
<html>
</head>
<title>
Home </title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="cache-control" content="no-store">
<meta name='toast_position' content='bottom-center'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="gridster_disable" content="1">
<meta name="widget_base_width" content="109">
<meta name="widget_base_height" content="110">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="longpoll" content="1">
<meta name="debug" content="0">
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/powerange.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-wdtimer.css" />
<link rel="stylesheet" href="/fhem/tablet/style.css">
<link rel="stylesheet" href="/fhem/tablet/css/fhem-table-user.css" />
<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>
<style type="text/css">
td {
color: #808080;
}
</style>
</head>
<body>
<div class="gridster">
<ul>
Kommentier mal das aus:
<meta name="widget_base_width" content="109">
<meta name="widget_base_height" content="110">
Das funktioniert nicht... Dann sieht es so aus... Siehe Bilder