Fernünftige Skalieruung möglich?

misux · 05 März 2018, 14:32:26

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:

Code Auswählen

<!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>

drhirn · 05 März 2018, 16:14:02

Kommentier mal das aus:

Code Auswählen


<meta name="widget_base_width" content="109">
<meta name="widget_base_height" content="110">

misux · 06 März 2018, 07:26:18

Das funktioniert nicht... Dann sieht es so aus... Siehe Bilder

FHEM Forum

Fernünftige Skalieruung möglich?

misux

drhirn

misux