質問編集履歴
1
補足
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -125,4 +125,47 @@
|
|
|
125
125
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
**補足**
|
|
132
|
+
|
|
133
|
+
検証ツールでみたところ
|
|
134
|
+
container が960pxで定義されているようで、それが関係あるかもしれません。
|
|
135
|
+
|
|
136
|
+
**skeleton.css**
|
|
137
|
+
ここらへんいじってmax100%とかにしてみたんですが、container 960pxで変わりませんでした。
|
|
138
|
+
```css
|
|
139
|
+
...
|
|
140
|
+
container {
|
|
141
|
+
position: relative;
|
|
142
|
+
width: 100%;
|
|
143
|
+
max-width: 960px;
|
|
144
|
+
margin: 0 auto;
|
|
145
|
+
padding: 0 20px;
|
|
146
|
+
box-sizing: border-box; }
|
|
147
|
+
.column,
|
|
148
|
+
.columns {
|
|
149
|
+
width: 100%;
|
|
150
|
+
float: left;
|
|
151
|
+
box-sizing: border-box; }
|
|
152
|
+
|
|
153
|
+
/* For devices larger than 400px */
|
|
154
|
+
@media (min-width: 400px) {
|
|
155
|
+
.container {
|
|
156
|
+
width: 85%;
|
|
157
|
+
padding: 0; }
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* For devices larger than 550px */
|
|
161
|
+
@media (min-width: 550px) {
|
|
162
|
+
.container {
|
|
163
|
+
width: 80%; }
|
|
164
|
+
.column,
|
|
165
|
+
.columns {
|
|
166
|
+
margin-left: 4%; }
|
|
167
|
+
.column:first-child,
|
|
168
|
+
.columns:first-child {
|
|
169
|
+
margin-left: 0; }
|
|
170
|
+
...
|
|
128
171
|
```
|