| Autor | Zpráva | ||
|---|---|---|---|
| oxel Profil * |
#1 · Zasláno: 17. 8. 2015, 10:08:20
Ahoj,
mám takový menší problém, snažím se vytvořit svůj první mobile-first vzhled, ale width se mi nechce roztáhnout na 100% na mobilu, nevíte proč? css html, body {
margin: 0;
padding: 0;
background: #e0e0e0;
}
#wrapper {
width: 80%;
height: auto;
margin-right: auto;
margin-left: auto;
box-shadow: 5px 5px 5px #888888;
@media (max-width: 640px) {
width: 100%;
}
}
#header-line {
width: 100%;
min-height: 5px;
background: #e74c3c;
}
#header-content {
width: 100%;
min-height: 135px;
background: #fff;
overflow: auto;
}
#header-navigation {
width: 100%;
min-height: 40px;
background: #e74c3c;
overflow: auto;
}index <?php
//include 'configuration/cfg.php';
include 'configuration/locale_cs.php';
?>
<!DOCTYPE html>
<html>
<head>
<title><?php echo $txt['global-website-title']; ?></title>
<meta charset="utf-8">
<link rel="stylesheet" href='styles/zzcs/css/style.css'>
<link rel="icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<div id="wrapper">
<?php
include '/styles/zzcs/include/header.php';
?>
</div>
</body>
</html>header.php <div id="header">
<div id="header-line">
</div>
<div id="header-content">
</div>
<div id="header-navigation">
</div>
</div> |
||
| anonymníí Profil * |
#2 · Zasláno: 17. 8. 2015, 10:11:52
oxel:
Jak vypadá vygenerované CSS z tohoto? Pokud to není SASS/LESS/jiný preprocesor, ale pokus o čisté CSS, tak tam není možno tímto způsobem do sebe deklarace zanořovat. Pominu-li fakt, že to není mobile-first přístup, což ničemu nakonec moc nevadí. |
||
|
Časová prodleva: 9 let
|
|||
0