質問するログイン新規登録

質問編集履歴

1

vieportのコードを追加しました

2019/06/27 14:04

投稿

RubyisCat
RubyisCat

スコア6

title CHANGED
File without changes
body CHANGED
@@ -77,6 +77,7 @@
77
77
  }
78
78
 
79
79
 
80
+
80
81
  .vipbox-container {
81
82
 
82
83
  width: 100%;
@@ -122,6 +123,74 @@
122
123
  font-weight: 600;
123
124
  font-size: 14px;
124
125
  }
126
+
127
+
128
+
129
+
130
+ /*===========================
131
+ 11.RESPONSIVE
132
+ =============================*/
133
+
134
+ @media (min-width: 200px) and (max-width: 768px) {
135
+
136
+ .body {
137
+
138
+ font-size: 18px;
139
+ }
140
+
141
+
142
+
143
+ .contents {
144
+ padding: 40px 0;
145
+ text-align: center;
146
+ }
147
+
148
+ .custom-nav {
149
+ background-color: #fff !important;
150
+ padding: 10px 0px !important;
151
+ }
152
+ .custom-nav .container {
153
+ width: 85%;
154
+ }
155
+ .custom-nav .navbar-toggler {
156
+ color: #000;
157
+ font-size: 26px;
158
+ border: none;
159
+ }
160
+ .custom-nav .logo .logo-dark {
161
+ display:inline-block;
162
+ }
163
+ .custom-nav .navbar-nav li a {
164
+ color: rgba(0, 0, 0, 0.6) !important;
165
+ }
166
+ .custom-nav .logo .logo-light {
167
+ display:none;
168
+ }
169
+ .h-100vh{
170
+ height:auto;
171
+ }
172
+ .header-bg-img{
173
+ clip-path: none;
174
+ }
175
+ .custom-nav .navbar-nav li a {
176
+ margin: 0 0px;
177
+ line-height: 15px;
178
+ }
179
+ .header-name{
180
+ font-size:38px;
181
+ }
182
+
183
+ .container {
184
+ max-width: 0 auto;
185
+ /* width: 100%; */
186
+ margin: 0 auto;
187
+ overflow: hidden;
188
+ }
189
+
190
+
191
+
192
+
193
+ }
125
194
  ```
126
195
  ### ディベロッパーツールでの見え方
127
196