通用评论

index.css 1022B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .comment-show-more {
  2. color: #4a90e2;
  3. text-align: center;
  4. width: 100px;
  5. background-color: #f8f8f8;
  6. cursor: pointer;
  7. padding: 10px;
  8. margin: 0 auto;
  9. transition: all 0.3s;
  10. }
  11. .comment-show-more:hover {
  12. background-color: #f5f5f5;
  13. color: #1890ff;
  14. }
  15. .comment-more-box {
  16. text-align: center;
  17. width: 90%;
  18. margin-left: 50px;
  19. margin-top: 10px;
  20. height: 40px;
  21. display: inline-block;
  22. }
  23. @media screen and (max-width: 616px) and (min-width: 449px) {
  24. .comment-more-box {
  25. text-align: center;
  26. width: 85%;
  27. margin-left: 50px;
  28. height: 40px;
  29. display: inline-block;
  30. }
  31. }
  32. @media screen and (max-width: 449px) and (min-width: 365px) {
  33. .comment-more-box {
  34. text-align: center;
  35. width: 80%;
  36. margin-left: 50px;
  37. height: 40px;
  38. display: inline-block;
  39. }
  40. }
  41. @media screen and (max-width: 365px) {
  42. .comment-more-box {
  43. text-align: center;
  44. width: 75%;
  45. margin-left: 50px;
  46. height: 40px;
  47. display: inline-block;
  48. }
  49. }