1: 風吹けば名無し 2018/11/21(水) 20:04:21.40 ID:l8AfXXGu0
pcサイトでクラス幅1000pxにしているさいとを
レスポンシブを使ってスマホで丁度良く表示させたいのですが、ちなみにヘッダー、そのしたに2カラムの構成です。メディアクエリを使うつもりですがwidth:100%;にしてもスマホサイズに可変しません。
pcサイトの表示もpxから%に変えなければいけないのでしょうか？
ゴミどもアドバイスお願いします。
レスポンシブを使ってスマホで丁度良く表示させたいのですが、ちなみにヘッダー、そのしたに2カラムの構成です。メディアクエリを使うつもりですがwidth:100%;にしてもスマホサイズに可変しません。
pcサイトの表示もpxから%に変えなければいけないのでしょうか？
ゴミどもアドバイスお願いします。
4: 風吹けば名無し 2018/11/21(水) 20:05:44.99 ID:l8AfXXGu0
お願いします。かすども
9: 風吹けば名無し 2018/11/21(水) 20:07:21.17 ID:DAwzCsDhd
PCの方はpxでええで
17: 風吹けば名無し 2018/11/21(水) 20:09:43.77 ID:l8AfXXGu0
>>9
メディアクエリで可変幅を%にすればいいのですか？その場合全体を包むwrapのようなクラスが必要ですか？
メディアクエリで可変幅を%にすればいいのですか？その場合全体を包むwrapのようなクラスが必要ですか？
10: 風吹けば名無し 2018/11/21(水) 20:07:23.56 ID:l8AfXXGu0
おい普段偉そうにしてるのにこれかよ
使えねえな
使えねえな
16: 風吹けば名無し 2018/11/21(水) 20:09:35.34 ID:4YN13w1F0
PCで見るのとスマホで見るのです同じCSSなん？
19: 風吹けば名無し 2018/11/21(水) 20:11:17.57 ID:l8AfXXGu0
>>16
細かい部分はメディアクエリですか変えます
まず、サイズが合わないんです
細かい部分はメディアクエリですか変えます
まず、サイズが合わないんです
18: 風吹けば名無し 2018/11/21(水) 20:10:57.95 ID:3FhSX2m00
ヘッダーにレスポンシブ用のタグ入れてる？
20: 風吹けば名無し 2018/11/21(水) 20:12:35.44 ID:l8AfXXGu0
>>18
headには入れてますが
ヘッダー可変用にも新しく作るということですか？
headには入れてますが
ヘッダー可変用にも新しく作るということですか？
24: 風吹けば名無し 2018/11/21(水) 20:14:00.23 ID:4YN13w1F0
viewportがどうもかじゃないん？
32: 風吹けば名無し 2018/11/21(水) 20:16:57.57 ID:l8AfXXGu0
>>24
タグは入れてます
コンテンツ1000pxを
メディアクエリmaxwidth640で
width100%にしたらスマホ表示で丁度良くならないですかね
タグは入れてます
コンテンツ1000pxを
メディアクエリmaxwidth640で
width100%にしたらスマホ表示で丁度良くならないですかね
29: 風吹けば名無し 2018/11/21(水) 20:15:45.88 ID:Z8x+UWY10
html如きで何がプログラミングや
これからはCOBOLやぞ
これからはCOBOLやぞ
38: 風吹けば名無し 2018/11/21(水) 20:18:40.12 ID:l8AfXXGu0
>>29
そんなゴミやるならjvとphpやりまふ
そんなゴミやるならjvとphpやりまふ
30: 風吹けば名無し 2018/11/21(水) 20:16:18.84 ID:+NQfsWB10
てか100%じゃなくて100vwだとどうなる？
31: 風吹けば名無し 2018/11/21(水) 20:16:44.43 ID:J9nj+tZ+0
Stackoverflow定期
40: 風吹けば名無し 2018/11/21(水) 20:19:14.81 ID:l8AfXXGu0
>>31
>>30
試してみます
>>30
試してみます
35: 風吹けば名無し 2018/11/21(水) 20:18:13.21 ID:NKudp2QO0
いいからviewportで調べろやうんち定期
39: 風吹けば名無し 2018/11/21(水) 20:19:03.75 ID:ujCHdex40
cssやんけしね
43: 風吹けば名無し 2018/11/21(水) 20:20:05.53 ID:l8AfXXGu0
>>39
うるせえぼけおしえろやください
うるせえぼけおしえろやください
42: 風吹けば名無し 2018/11/21(水) 20:19:29.09 ID:vPL9gNh20
CSSホンマムズイわ
50: 風吹けば名無し 2018/11/21(水) 20:21:16.75 ID:l8AfXXGu0
>>42
スマホ専用作るのだるいんで
レスポンシブやろうとしてるんですが、これも中々だるいですね
スマホ専用作るのだるいんで
レスポンシブやろうとしてるんですが、これも中々だるいですね
49: 風吹けば名無し 2018/11/21(水) 20:21:15.45 ID:NKudp2QO0
子孫要素のpx指定が邪魔してるとか
56: 風吹けば名無し 2018/11/21(水) 20:22:46.97 ID:l8AfXXGu0
>>49
これかもしれないですね
見てみます
これかもしれないですね
見てみます
57: 風吹けば名無し 2018/11/21(水) 20:22:47.88 ID:/BiYUlTj0
いまどきは小学生でもスマホサイト作れるというのに
61: 風吹けば名無し 2018/11/21(水) 20:23:54.16 ID:l8AfXXGu0
>>57
ならてめえがおしえろや
あとレスポンシブと専用は違うからな激しい
ならてめえがおしえろや
あとレスポンシブと専用は違うからな激しい
60: 風吹けば名無し 2018/11/21(水) 20:23:51.21 ID:+NQfsWB10
てかまずスマホファーストで設計してない時点でくそ
64: 風吹けば名無し 2018/11/21(水) 20:25:15.90 ID:l8AfXXGu0
>>60
あーなるほどですね
なら、スマホ表示を先でメディアクエリ考えてやり直した方が良さそうですね
あーなるほどですね
なら、スマホ表示を先でメディアクエリ考えてやり直した方が良さそうですね
62: 風吹けば名無し 2018/11/21(水) 20:24:07.29 ID:8rOYkEyK0
@media screen and (max-width: 480px) {
}
こーいうのでスマホようにデザイン指定してやればええんちゃうんけ
}
こーいうのでスマホようにデザイン指定してやればええんちゃうんけ
68: 風吹けば名無し 2018/11/21(水) 20:25:58.71 ID:l8AfXXGu0
>>62
馬鹿にしてんのかかす
んなもんすでにやってんだよ
馬鹿にしてんのかかす
んなもんすでにやってんだよ
74: 風吹けば名無し 2018/11/21(水) 20:26:57.13 ID:J9nj+tZ+0
>>68
草
草
66: 風吹けば名無し 2018/11/21(水) 20:25:32.80 ID:2ggx/sivM
progateやりなおせや
80: 風吹けば名無し 2018/11/21(水) 20:27:38.49 ID:l8AfXXGu0
>>66
progateのメディアクエリはpcサイトがwidth100%だから参考にならない
progateのメディアクエリはpcサイトがwidth100%だから参考にならない
76: 風吹けば名無し 2018/11/21(水) 20:27:11.17 ID:WcjKd1X70
htmlでプログラミング…？
78: 風吹けば名無し 2018/11/21(水) 20:27:26.27 ID:vPL9gNh20
>>76
チューリング完全だけど？
チューリング完全だけど？
85: 風吹けば名無し 2018/11/21(水) 20:29:01.86 ID:WcjKd1X70
>>78
じゃあはやくhtmlでチューリングマシン書けよ
じゃあはやくhtmlでチューリングマシン書けよ
81: 風吹けば名無し 2018/11/21(水) 20:27:41.26 ID:b4fNBUY50
知ってるがお前の態度が気に入らない
87: 風吹けば名無し 2018/11/21(水) 20:29:45.22 ID:l8AfXXGu0
>>81
ならおしえろやかす
ならおしえろやかす
引用元
http://tomcat.2ch.sc/test/read.cgi/livejupiter/1542798261/
管理人からひと言
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/16d8dcc4.4cbb55bc.16d8dcc5.cd3e57a3/?me_id=1278256&item_id=15474741&m=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Frakutenkobo-ebooks%2Fcabinet%2F0007%2F2000004190007.jpg%3F_ex%3D80x80&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Frakutenkobo-ebooks%2Fcabinet%2F0007%2F2000004190007.jpg%3F_ex%3D400x400&s=400x400&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
この記事へのコメントはありません。