[color=#1C2837][size=2]Hallo Leute, zunächst veröffentliche ich 2Anhänge: Der Erste zeigt meine Applikation auf einem großen Bildschirm, der Zweite auf einem Smartphone.Ich muss elfmal[/size][/color]
[color=#1C2837][size=2] auf dem Bildschirm die Tabelle verschieben, um alles an Inhalt zu erfassen. Das macht kein Mensch. Der klickt die Seite weg. Wie muss ich also vorgehen, damit die Tabelle(GridView / kartik) auf einem Smartphone skaliert wird?Hier die LayoutFile:[/size][/color]
?php
use yii\helpers\Html;
use common\classes\AssetBundle;
?>
<?php
AssetBundle::register($this);
?>
<?php $this->beginPage() ?>
<!Doctype html> <!-- Definition des doctype-Modus -->
<html> <!-- Definition des Stammverzeichnises -->
<head> <!-- Definition des Kopfbereiches -->
<meta charset="utf-8"> <!-- charset[utf-8:] definiert den deutschen Zeichensatz -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title><?= Html::encode($this->title) ?></title>
<style>
body{
background-color: #D8D8D8 !important;
}
</style>
<?php $this->head() ?>
</head>
<body>
<?php $this->beginBody() ?>
<?= $content ?>
<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
und hier die Assetklasse:
<?php
namespace common\classes;
class AssetBundle extends \yii\web\AssetBundle {
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
//'css/font-awesome.min.css',
//'css/lightbox.min.css'
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
'yii\bootstrap\BootstrapPluginAsset',
];
public function init() {
parent::init();
$this->publishOptions['beforeCopy'] = function ($from, $to) {
return preg_match('%(/|\\\\)(fonts|css)%', $from);
};
}
}