show.css

新增响应式css 以适应不同宽度显示器 优化数据显示 提升用户体验

Public/css/item/show.css

@@ -77,4 +77,58 @@
 
   .search-query-input{
     width: 130px;
-  }
+  }
+
+
+@media screen and (min-width:1200px){
+  .doc-right{ width: 930px;} 
+}
+@media screen and (min-width:1300px){
+  .doc-right{ width: 1030px;} 
+}
+@media screen and (min-width:1400px){
+  .doc-right{ width: 1130px;} 
+}
+@media screen and (min-width:1500px){
+  .doc-right{ width: 1230px;} 
+}
+@media screen and (min-width:1600px){
+  .doc-right{ width: 1330px;} 
+}
+@media screen and (min-width:1700px){
+  .doc-right{ width: 1430px;} 
+}
+@media screen and (min-width:1800px){
+  .doc-right{ width: 1530px;} 
+}
+@media screen and (min-width:1900px){
+  .doc-right{ width: 1630px;} 
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+