【なんjプログラミング部】htmlで分からない所があります🙇

1: 風吹けば名無し 2018/11/21(水) 20:04:21.40 ID:l8AfXXGu0
pcサイトでクラス幅1000pxにしているさいとを
レスポンシブを使ってスマホで丁度良く表示させたいのですが、ちなみにヘッダー、そのしたに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のようなクラスが必要ですか?

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には入れてますが
ヘッダー可変用にも新しく作るということですか?

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%にしたらスマホ表示で丁度良くならないですかね

29: 風吹けば名無し 2018/11/21(水) 20:15:45.88 ID:Z8x+UWY10
html如きで何がプログラミングや
これからはCOBOLやぞ

38: 風吹けば名無し 2018/11/21(水) 20:18:40.12 ID:l8AfXXGu0
>>29
そんなゴミやるなら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
試してみます

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%だから参考にならない

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でチューリングマシン書けよ

81: 風吹けば名無し 2018/11/21(水) 20:27:41.26 ID:b4fNBUY50
知ってるがお前の態度が気に入らない

87: 風吹けば名無し 2018/11/21(水) 20:29:45.22 ID:l8AfXXGu0
>>81
ならおしえろやかす

引用元

【なんjプログラミング部】htmlで分からない所があります🙇

管理人からひと言

どっかが書き間違ってる気がする

スポンサーリンク
スポンサーリンク
スポンサーリンク

シェアする

フォローする