更新 '_posts/gucci.md'

_posts/gucci.md

@@ -6,7 +6,41 @@ cover: https://static.jqwei.com/vip/blog/Gucci.png
 comments: true
 categories: Gucci
 ---
-<div style="padding: 20px 20px;display: grid;grid-template-columns: 50% 50%;">
+<style>
+/* 大屏幕 ：大于等于1200px*/
+@media (min-width: 1200px) {
+    .content_com {
+     padding: 10;
+     display: grid;
+     grid-template-columns: 50% 50%;
+    }
+}
+
+/*默认*/
+@media (min-width: 980px){...}
+
+/* 平板电脑和小屏电脑之间的分辨率 */
+@media (min-width: 768px) and (max-width: 979px) { ... }
+
+/* 横向放置的手机和竖向放置的平板之间的分辨率 */
+@media (max-width: 767px) { 
+.content_com {
+     padding: 10;
+     
+     grid-template-columns: 50% 50%;
+    }
+}
+
+/* 横向放置的手机及分辨率更小的设备 */
+@media (max-width: 480px) { 
+.content_com {
+     padding: 10;
+     
+     grid-template-columns: 50% 50%;
+    }
+}
+</style>
+<div class="content_com">
 
 <div style="padding: 20px 20px;">