質問編集履歴
1
補足
test
CHANGED
File without changes
|
test
CHANGED
@@ -253,3 +253,89 @@
|
|
253
253
|
|
254
254
|
|
255
255
|
```
|
256
|
+
|
257
|
+
|
258
|
+
|
259
|
+
|
260
|
+
|
261
|
+
**補足**
|
262
|
+
|
263
|
+
|
264
|
+
|
265
|
+
検証ツールでみたところ
|
266
|
+
|
267
|
+
container が960pxで定義されているようで、それが関係あるかもしれません。
|
268
|
+
|
269
|
+
|
270
|
+
|
271
|
+
**skeleton.css**
|
272
|
+
|
273
|
+
ここらへんいじってmax100%とかにしてみたんですが、container 960pxで変わりませんでした。
|
274
|
+
|
275
|
+
```css
|
276
|
+
|
277
|
+
...
|
278
|
+
|
279
|
+
container {
|
280
|
+
|
281
|
+
position: relative;
|
282
|
+
|
283
|
+
width: 100%;
|
284
|
+
|
285
|
+
max-width: 960px;
|
286
|
+
|
287
|
+
margin: 0 auto;
|
288
|
+
|
289
|
+
padding: 0 20px;
|
290
|
+
|
291
|
+
box-sizing: border-box; }
|
292
|
+
|
293
|
+
.column,
|
294
|
+
|
295
|
+
.columns {
|
296
|
+
|
297
|
+
width: 100%;
|
298
|
+
|
299
|
+
float: left;
|
300
|
+
|
301
|
+
box-sizing: border-box; }
|
302
|
+
|
303
|
+
|
304
|
+
|
305
|
+
/* For devices larger than 400px */
|
306
|
+
|
307
|
+
@media (min-width: 400px) {
|
308
|
+
|
309
|
+
.container {
|
310
|
+
|
311
|
+
width: 85%;
|
312
|
+
|
313
|
+
padding: 0; }
|
314
|
+
|
315
|
+
}
|
316
|
+
|
317
|
+
|
318
|
+
|
319
|
+
/* For devices larger than 550px */
|
320
|
+
|
321
|
+
@media (min-width: 550px) {
|
322
|
+
|
323
|
+
.container {
|
324
|
+
|
325
|
+
width: 80%; }
|
326
|
+
|
327
|
+
.column,
|
328
|
+
|
329
|
+
.columns {
|
330
|
+
|
331
|
+
margin-left: 4%; }
|
332
|
+
|
333
|
+
.column:first-child,
|
334
|
+
|
335
|
+
.columns:first-child {
|
336
|
+
|
337
|
+
margin-left: 0; }
|
338
|
+
|
339
|
+
...
|
340
|
+
|
341
|
+
```
|