Änderungen weiten bei verschiedenen Geräten

This commit is contained in:
ja
2021-11-17 14:13:02 +01:00
parent 99f2baf209
commit 899dea9a9e
3 changed files with 86 additions and 7 deletions

View File

@@ -136,12 +136,37 @@
}
}
@media (max-width: 558.98px) {
wrapper{
width:385.98px;
}
body {
max-width: 390px;
width:385.98px;
}
contfluid{
width:556px;
}
width:385.98px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
Image1 {
margin-right: 320px;
}
}
@media (max-width: 328.98px) {
wrapper{
width:320px;
}
body {
max-width: 320px;
}
contfluid{
width:320px;
}
h1 {
color: #043381;
font-size: 22px;

View File

@@ -164,7 +164,6 @@
margin: 0 auto;
margin-left:10%;
}
.container-fluid {
width: 325px;
background-color: rgba(255,255,255,0.5);
@@ -175,7 +174,6 @@
right: 520px;
margin: 0 auto;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;

View File

@@ -113,7 +113,7 @@
background-attachment:fixed;
background-size:cover;
/* background-color:#043381;*/
}
}
#sidebar{
background-color: #fff;
color: #043381;
@@ -151,7 +151,63 @@
color: #043381;
font-size: 28px;
}
}
}
@media (max-width: 558.98px){
wrapper{
width:385.98px;
}
body{
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(images/road.jpg);
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
width:385.98px;
/* background-color:#043381;*/
}
#content{
width:385.98px;
}
frame2{
width:385.98px;
}
leftLinks{
width:385.98px;
}
#main_page{
width:385.98px;
}
#content_all{
width:385.98px;
}
}
@media (max-width: 323px){
wrapper{
width:232px;
}
body{
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(images/road.jpg);
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
max-width:323px;
/* background-color:#043381;*/
}
#leftLinks{
max-width:323px;
}
#main-page{
max-width:323px;
}
#content_all{
max-width:323px;
}
}
</style>
</head>