質問編集履歴
3
css-wipeすべて追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -232,6 +232,46 @@
|
|
232
232
|
|
233
233
|
/* css-wipe */
|
234
234
|
|
235
|
+
* {
|
236
|
+
|
237
|
+
box-sizing: border-box;
|
238
|
+
|
239
|
+
}
|
240
|
+
|
241
|
+
/* webkit specific styles */
|
242
|
+
|
243
|
+
|
244
|
+
|
245
|
+
input[type="color"]::-webkit-color-swatch {
|
246
|
+
|
247
|
+
border: none;
|
248
|
+
|
249
|
+
}
|
250
|
+
|
251
|
+
|
252
|
+
|
253
|
+
input[type="color"]::-webkit-color-swatch-wrapper {
|
254
|
+
|
255
|
+
padding: 0;
|
256
|
+
|
257
|
+
}
|
258
|
+
|
259
|
+
/*
|
260
|
+
|
261
|
+
html5doctor.com Reset Stylesheet
|
262
|
+
|
263
|
+
v1.6.1
|
264
|
+
|
265
|
+
Last Updated: 2010-09-17
|
266
|
+
|
267
|
+
Author: Richard Clark - http://richclarkdesign.com
|
268
|
+
|
269
|
+
Twitter: @rich_clark
|
270
|
+
|
271
|
+
*/
|
272
|
+
|
273
|
+
|
274
|
+
|
235
275
|
html, body, div, span, object, iframe,
|
236
276
|
|
237
277
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
@@ -274,6 +314,170 @@
|
|
274
314
|
|
275
315
|
}
|
276
316
|
|
317
|
+
|
318
|
+
|
319
|
+
body {
|
320
|
+
|
321
|
+
line-height: 1;
|
322
|
+
|
323
|
+
}
|
324
|
+
|
325
|
+
|
326
|
+
|
327
|
+
article,aside,details,figcaption,figure,
|
328
|
+
|
329
|
+
footer,header,hgroup,menu,nav,section {
|
330
|
+
|
331
|
+
display: block;
|
332
|
+
|
333
|
+
}
|
334
|
+
|
335
|
+
|
336
|
+
|
337
|
+
nav ul {
|
338
|
+
|
339
|
+
list-style: none;
|
340
|
+
|
341
|
+
}
|
342
|
+
|
343
|
+
|
344
|
+
|
345
|
+
blockquote, q {
|
346
|
+
|
347
|
+
quotes: none;
|
348
|
+
|
349
|
+
}
|
350
|
+
|
351
|
+
|
352
|
+
|
353
|
+
blockquote:before, blockquote:after,
|
354
|
+
|
355
|
+
q:before, q:after {
|
356
|
+
|
357
|
+
content: '';
|
358
|
+
|
359
|
+
content: none;
|
360
|
+
|
361
|
+
}
|
362
|
+
|
363
|
+
|
364
|
+
|
365
|
+
a {
|
366
|
+
|
367
|
+
background: transparent;
|
368
|
+
|
369
|
+
font-size: 100%;
|
370
|
+
|
371
|
+
margin: 0;
|
372
|
+
|
373
|
+
padding: 0;
|
374
|
+
|
375
|
+
vertical-align: baseline;
|
376
|
+
|
377
|
+
}
|
378
|
+
|
379
|
+
|
380
|
+
|
381
|
+
/* change colours to suit your needs */
|
382
|
+
|
383
|
+
ins {
|
384
|
+
|
385
|
+
background-color: #ff9;
|
386
|
+
|
387
|
+
color: #000;
|
388
|
+
|
389
|
+
text-decoration: none;
|
390
|
+
|
391
|
+
}
|
392
|
+
|
393
|
+
|
394
|
+
|
395
|
+
/* change colours to suit your needs */
|
396
|
+
|
397
|
+
mark {
|
398
|
+
|
399
|
+
background-color: #ff9;
|
400
|
+
|
401
|
+
color: #000;
|
402
|
+
|
403
|
+
font-style: italic;
|
404
|
+
|
405
|
+
font-weight: bold;
|
406
|
+
|
407
|
+
}
|
408
|
+
|
409
|
+
|
410
|
+
|
411
|
+
del {
|
412
|
+
|
413
|
+
text-decoration: line-through;
|
414
|
+
|
415
|
+
}
|
416
|
+
|
417
|
+
|
418
|
+
|
419
|
+
abbr[title], dfn[title] {
|
420
|
+
|
421
|
+
border-bottom: 1px dotted;
|
422
|
+
|
423
|
+
cursor: help;
|
424
|
+
|
425
|
+
}
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
table {
|
430
|
+
|
431
|
+
border-collapse: collapse;
|
432
|
+
|
433
|
+
border-spacing: 0;
|
434
|
+
|
435
|
+
}
|
436
|
+
|
437
|
+
|
438
|
+
|
439
|
+
/* change border colour to suit your needs */
|
440
|
+
|
441
|
+
hr {
|
442
|
+
|
443
|
+
border: 0;
|
444
|
+
|
445
|
+
border-top: 1px solid #cccccc;
|
446
|
+
|
447
|
+
display: block;
|
448
|
+
|
449
|
+
height: 1px;
|
450
|
+
|
451
|
+
margin: 1em 0;
|
452
|
+
|
453
|
+
padding: 0;
|
454
|
+
|
455
|
+
}
|
456
|
+
|
457
|
+
|
458
|
+
|
459
|
+
input, select {
|
460
|
+
|
461
|
+
vertical-align: middle;
|
462
|
+
|
463
|
+
}
|
464
|
+
|
465
|
+
|
466
|
+
|
467
|
+
input:focus {
|
468
|
+
|
469
|
+
outline: none;
|
470
|
+
|
471
|
+
}
|
472
|
+
|
473
|
+
ul, ol {
|
474
|
+
|
475
|
+
list-style-type: none;
|
476
|
+
|
477
|
+
}
|
478
|
+
|
479
|
+
|
480
|
+
|
277
481
|
```
|
278
482
|
|
279
483
|
|
2
Firefoxでの表示を追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -275,3 +275,9 @@
|
|
275
275
|
}
|
276
276
|
|
277
277
|
```
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
##FireFoxでの表示
|
282
|
+
|
283
|
+
![イメージ説明](117cd19b772601c1464c2ff2e6226383.png)
|
1
誤字修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
スマホ表示tableのレイアウトでchromeで表示した時だけ右側に隙間ができてしまいます。
|
1
|
+
スマホ表示の時に横にスクロールできるtableのレイアウトで、chromeでPC表示した時だけ右側に隙間ができてしまいます。
|
2
2
|
|
3
3
|
Firefoxでは正常に表示されました。
|
4
4
|
|