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

1 ：風吹けば名無し：2018/11/21(水) 20:04:21.40 ID:l8AfXXGu0.net

pcサイトでクラス幅1000pxにしているさいとを
レスポンシブを使ってスマホで丁度良く表示させたいのですが、ちなみにヘッダー、そのしたに2カラムの構成です。メディアクエリを使うつもりですがwidth:100%;にしてもスマホサイズに可変しません。
pcサイトの表示もpxから%に変えなければいけないのでしょうか？
ゴミどもアドバイスお願いします。

2 ：風吹けば名無し：2018/11/21(水) 20:05:00.18 ID:l8AfXXGu0.net

あげ

3 ：風吹けば名無し：2018/11/21(水) 20:05:28.72 ID:mWc6jgnR0.net

せやで
知らんけど

4 ：風吹けば名無し：2018/11/21(水) 20:05:44.99 ID:l8AfXXGu0.net

お願いします。かすども

5 ：風吹けば名無し：2018/11/21(水) 20:06:15.39 ID:l8AfXXGu0.net

ゴミかスども教えて下さい

6 ：風吹けば名無し：2018/11/21(水) 20:07:01.56 ID:HHUqEz8K0.net

そーすみせて

7 ：風吹けば名無し：2018/11/21(水) 20:07:15.98 ID:HHUqEz8K0.net

そーすみせてや

8 ：風吹けば名無し：2018/11/21(水) 20:07:19.39 ID:esrHM85zd.net

htmlはプログラミング言語じゃない定期

9 ：風吹けば名無し：2018/11/21(水) 20:07:21.17 ID:DAwzCsDhd.net

PCの方はpxでええで

10 ：風吹けば名無し：2018/11/21(水) 20:07:23.56 ID:l8AfXXGu0.net

おい普段偉そうにしてるのにこれかよ
使えねえな

11 ：風吹けば名無し：2018/11/21(水) 20:07:46.63 ID:8WlHtNBN0.net

分かるけど別に教えてもワイにメリットないわ

12 ：風吹けば名無し：2018/11/21(水) 20:08:20.54 ID:jRZssOY20.net

報酬いくらや？

13 ：風吹けば名無し：2018/11/21(水) 20:08:27.52 ID:l8AfXXGu0.net

>>6
ソースは見せたくないのですが
レスポンシブをする場合は%で可変させるべきなのですか？

14 ：風吹けば名無し：2018/11/21(水) 20:08:53.28 ID:XlJ2buH1d.net

ソースがゴミ
以上

15 ：風吹けば名無し：2018/11/21(水) 20:09:27.55 ID:vk9nuEljH.net

ゴミだからわかんねぇわw

16 ：風吹けば名無し：2018/11/21(水) 20:09:35.34 ID:4YN13w1F0.net

PCで見るのとスマホで見るのです同じCSSなん？

17 ：風吹けば名無し：2018/11/21(水) 20:09:43.77 ID:l8AfXXGu0.net

>>9
メディアクエリで可変幅を%にすればいいのですか？その場合全体を包むwrapのようなクラスが必要ですか？

18 ：風吹けば名無し：2018/11/21(水) 20:10:57.95 ID:3FhSX2m00.net

ヘッダーにレスポンシブ用のタグ入れてる？

19 ：風吹けば名無し：2018/11/21(水) 20:11:17.57 ID:l8AfXXGu0.net

>>16
細かい部分はメディアクエリですか変えます
まず、サイズが合わないんです

20 ：風吹けば名無し：2018/11/21(水) 20:12:35.44 ID:l8AfXXGu0.net

>>18
headには入れてますが
ヘッダー可変用にも新しく作るということですか？

21 ：風吹けば名無し：2018/11/21(水) 20:13:00.69 ID:/BiYUlTj0.net

ワイにはわからんわ

22 ：風吹けば名無し：2018/11/21(水) 20:13:29.25 ID:rOHIEMaPM.net

ワイも聞いてええか？
プルダウンメニューで商品が何も選ばれてないでカートに入れるボタン押した時に「ng-if="!item-id"」で必須チェックかけてメッセージ表示させようとしてるんやけど、ページ開いたら最初から表示しっぱなしから変わらんのや、どうすればええねん

23 ：風吹けば名無し：2018/11/21(水) 20:13:59.94 ID:/BiYUlTj0.net

>>22
それもわからんわ

24 ：風吹けば名無し：2018/11/21(水) 20:14:00.23 ID:4YN13w1F0.net

viewportがどうもかじゃないん？

25 ：風吹けば名無し：2018/11/21(水) 20:14:39.49 ID:D7gOOVBPd.net

スマホとタブレットの普及でホームページ作るのめんどくさくなったンゴ

26 ：風吹けば名無し：2018/11/21(水) 20:14:54.99 ID:f3npgWILr.net

レスポンシブはcss定期

27 ：風吹けば名無し：2018/11/21(水) 20:15:12.38 ID:+NQfsWB10.net

素直にbootstrapとかフレームワークでグリッドシステム使えや

28 ：風吹けば名無し：2018/11/21(水) 20:15:31.75 ID:f3npgWILr.net

>>22
JavaScriptでやれ定期

29 ：風吹けば名無し：2018/11/21(水) 20:15:45.88 ID:Z8x+UWY10.net

html如きで何がプログラミングや
これからはCOBOLやぞ

30 ：風吹けば名無し：2018/11/21(水) 20:16:18.84 ID:+NQfsWB10.net

てか100%じゃなくて100vwだとどうなる？

31 ：風吹けば名無し：2018/11/21(水) 20:16:44.43 ID:J9nj+tZ+0.net

Stackoverflow定期

32 ：風吹けば名無し：2018/11/21(水) 20:16:57.57 ID:l8AfXXGu0.net

>>24
タグは入れてます
コンテンツ1000pxを
メディアクエリmaxwidth640で
width100%にしたらスマホ表示で丁度良くならないですかね

33 ：風吹けば名無し：2018/11/21(水) 20:17:00.42 ID:rOHIEMaPM.net

>>23
なんとか頼むわ、ネットあさってもみんな成功してるしもうわからん
inputValidator.item-idに値がそもそも渡ってないんやろか

34 ：風吹けば名無し：2018/11/21(水) 20:17:45.37 ID:rOHIEMaPM.net

>>28
JavaScriptってかくの忘れてたわ、すまんな

35 ：風吹けば名無し：2018/11/21(水) 20:18:13.21 ID:NKudp2QO0.net

いいからviewportで調べろやうんち定期

36 ：風吹けば名無し：2018/11/21(水) 20:18:13.55 ID:Sh8WiBW40.net

マークアップ言語定期

37 ：風吹けば名無し：2018/11/21(水) 20:18:25.73 ID:+NQfsWB10.net

>>28
てかアンギュラーやろ

38 ：風吹けば名無し：2018/11/21(水) 20:18:40.12 ID:l8AfXXGu0.net

>>29
そんなゴミやるならjvとphpやりまふ

39 ：風吹けば名無し：2018/11/21(水) 20:19:03.75 ID:ujCHdex40.net

cssやんけしね

40 ：風吹けば名無し：2018/11/21(水) 20:19:14.81 ID:l8AfXXGu0.net

>>31
>>30
試してみます

41 ：風吹けば名無し：2018/11/21(水) 20:19:21.83 ID:DyUPpva10.net

bootstrap使えばなんとかしてくれるやろ

42 ：風吹けば名無し：2018/11/21(水) 20:19:29.09 ID:vPL9gNh20.net

CSSホンマムズイわ

43 ：風吹けば名無し：2018/11/21(水) 20:20:05.53 ID:l8AfXXGu0.net

>>39
うるせえぼけおしえろやください

44 ：風吹けば名無し：2018/11/21(水) 20:20:23.34 ID:o1E2ihQv0.net

ワイ智将「『html width mobile』で検索、っと…」

45 ：風吹けば名無し：2018/11/21(水) 20:20:31.00 ID:J9nj+tZ+0.net

ってかwidth100%って親要素に対してでしょ？そこら辺になんかあるやろ知らんけど

46 ：風吹けば名無し：2018/11/21(水) 20:20:49.08 ID:/BiYUlTj0.net

>>33
多分そうだと思うわ

47 ：風吹けば名無し：2018/11/21(水) 20:21:12.32 ID:vPL9gNh20.net

つかよほどのことがなきゃCSSフレームワーク使った方がよくね？

48 ：風吹けば名無し：2018/11/21(水) 20:21:15.04 ID:Orms7RJGM.net

エンジニアなんJ民思ったより多いんやな

49 ：風吹けば名無し：2018/11/21(水) 20:21:15.45 ID:NKudp2QO0.net

子孫要素のpx指定が邪魔してるとか

50 ：風吹けば名無し：2018/11/21(水) 20:21:16.75 ID:l8AfXXGu0.net

>>42
スマホ専用作るのだるいんで
レスポンシブやろうとしてるんですが、これも中々だるいですね

51 ：風吹けば名無し：2018/11/21(水) 20:21:23.78 ID:f3npgWILr.net

>>33
だいたい指定方法ミスが多いからとっととソースみせるのがはやいぞ

52 ：風吹けば名無し：2018/11/21(水) 20:21:59.90 ID:f3npgWILr.net

フロントエンドの実装で詰んでたらプログラミングなんてできないぞ👹

53 ：風吹けば名無し：2018/11/21(水) 20:22:11.07 ID:3FhSX2m00.net

>>32
マージンオートでセンター寄りにしてる？

54 ：風吹けば名無し：2018/11/21(水) 20:22:40.64 ID:bwzOteuNd.net

>>50
Google先生がレスポンシブ奨励してるからがんばれや

55 ：風吹けば名無し：2018/11/21(水) 20:22:42.48 ID:NFI8c+yE0.net

vw, vh定期

56 ：風吹けば名無し：2018/11/21(水) 20:22:46.97 ID:l8AfXXGu0.net

>>49
これかもしれないですね
見てみます

57 ：風吹けば名無し：2018/11/21(水) 20:22:47.88 ID:/BiYUlTj0.net

いまどきは小学生でもスマホサイト作れるというのに

58 ：風吹けば名無し：2018/11/21(水) 20:23:06.77 ID:3FhSX2m00.net

まあ結局ソースと今の画面状態見ないとわからんよね
エンジニアはエスパーじゃない

59 ：風吹けば名無し：2018/11/21(水) 20:23:44.16 ID:J9nj+tZ+0.net

メディアクエリはモバイルファーストの方が早いってGoogle先生が言ってるからね仕方ないね

60 ：風吹けば名無し：2018/11/21(水) 20:23:51.21 ID:+NQfsWB10.net

てかまずスマホファーストで設計してない時点でくそ

61 ：風吹けば名無し：2018/11/21(水) 20:23:54.16 ID:l8AfXXGu0.net

>>57
ならてめえがおしえろや
あとレスポンシブと専用は違うからな激しい

62 ：風吹けば名無し：2018/11/21(水) 20:24:07.29 ID:8rOYkEyK0.net

@media screen and (max-width: 480px) {
}
こーいうのでスマホようにデザイン指定してやればええんちゃうんけ

63 ：風吹けば名無し：2018/11/21(水) 20:25:00.31 ID:f0gkQLSyM.net

全く関係ないけどcssで優先順位上げる方法に親クラスの名前連打すればいいって最近知って草生えたわ
インポータント地獄にしてすまんな

64 ：風吹けば名無し：2018/11/21(水) 20:25:15.90 ID:l8AfXXGu0.net

>>60
あーなるほどですね
なら、スマホ表示を先でメディアクエリ考えてやり直した方が良さそうですね

65 ：風吹けば名無し：2018/11/21(水) 20:25:26.55 ID:f3npgWILr.net

>>58
エスパー並みの直感でクライアントの要望を把握するんやぞ😡

66 ：風吹けば名無し：2018/11/21(水) 20:25:32.80 ID:2ggx/sivM.net

progateやりなおせや

67 ：風吹けば名無し：2018/11/21(水) 20:25:50.56 ID:/BiYUlTj0.net

>>61
ソース張らないなら経験則でこういうとこでミスしがちとしか答えられないから

68 ：風吹けば名無し：2018/11/21(水) 20:25:58.71 ID:l8AfXXGu0.net

>>62
馬鹿にしてんのかかす
んなもんすでにやってんだよ

69 ：風吹けば名無し：2018/11/21(水) 20:26:29.48 ID:bwzOteuNd.net

>>63
これは今後の先方からの修正以来が大変ですねぇ…

70 ：風吹けば名無し：2018/11/21(水) 20:26:37.81 ID:5NoHqNuw0.net

body { display: none; }

これ追加するだけでええで

71 ：風吹けば名無し：2018/11/21(水) 20:26:46.22 ID:C/9+rSS10.net

html5資格のレベル2取ったけど
クソほど役に立たない資格だったわ
会社が金出してくれたからよかったけど

72 ：風吹けば名無し：2018/11/21(水) 20:26:48.05 ID:8rOYkEyK0.net

bootstrap使って一から作り直せや
最近の外人様はみんな使ってるぞ

73 ：風吹けば名無し：2018/11/21(水) 20:26:53.82 ID:NKudp2QO0.net

ちなみに
max-width:1000px;
width:100%
だけでも同じようにできるぞ

74 ：風吹けば名無し：2018/11/21(水) 20:26:57.13 ID:J9nj+tZ+0.net

>>68
草

75 ：風吹けば名無し：2018/11/21(水) 20:27:10.16 ID:QkWl9PO0M.net

>>68
important!　つければええで

76 ：風吹けば名無し：2018/11/21(水) 20:27:11.17 ID:WcjKd1X70.net

htmlでプログラミング…？

77 ：風吹けば名無し：2018/11/21(水) 20:27:20.18 ID:f3npgWILr.net

Gomi >>1 = new Unko ();

>>1.nagasu();

78 ：風吹けば名無し：2018/11/21(水) 20:27:26.27 ID:vPL9gNh20.net

>>76
チューリング完全だけど？

79 ：風吹けば名無し：2018/11/21(水) 20:27:37.07 ID:8rOYkEyK0.net

>>68
お前のレス見てなかったわ

80 ：風吹けば名無し：2018/11/21(水) 20:27:38.49 ID:l8AfXXGu0.net

>>66
progateのメディアクエリはpcサイトがwidth100%だから参考にならない

81 ：風吹けば名無し：2018/11/21(水) 20:27:41.26 ID:b4fNBUY50.net

知ってるがお前の態度が気に入らない

82 ：風吹けば名無し：2018/11/21(水) 20:28:08.18 ID:w9ZQWIP+M.net

コーディングとプログラミングってどう違うん

83 ：風吹けば名無し：2018/11/21(水) 20:28:34.28 ID:Ln8lPQYj0.net

Bootstrap適当に使えばええやん

84 ：風吹けば名無し：2018/11/21(水) 20:28:58.42 ID:w9ZQWIP+M.net

>>22
ng-ifやなくて*ngIfやないか？

85 ：風吹けば名無し：2018/11/21(水) 20:29:01.86 ID:WcjKd1X70.net

>>78
じゃあはやくhtmlでチューリングマシン書けよ

86 ：風吹けば名無し：2018/11/21(水) 20:29:27.59 ID:EF3FDTMW0.net

maxwidthとwidth上手いこと使ったらいけんか

87 ：風吹けば名無し：2018/11/21(水) 20:29:45.22 ID:l8AfXXGu0.net

>>81
ならおしえろやかす

88 ：風吹けば名無し：2018/11/21(水) 20:29:47.78 ID:Mk5tsG0Od.net

HTML6とかCSS4って出る予定あるの？

89 ：風吹けば名無し：2018/11/21(水) 20:30:06.40 ID:f3npgWILr.net

>>82
簡単に言えば四則演算あるかどうかやないかな

まあ無理やりやろうと思えばhtmlとcssでも四則演算できるっちゃできるけど

90 ：風吹けば名無し：2018/11/21(水) 20:30:17.46 ID:l8AfXXGu0.net

>>83
無理ならそれにします

91 ：風吹けば名無し：2018/11/21(水) 20:30:26.81 ID:MGfLTtUMM.net

今のトレンドはpythonな
Rubyはオワコン言われがちやけど自社サービスやってるスタートアップに行きたいならやっとけ

92 ：風吹けば名無し：2018/11/21(水) 20:30:36.12 ID:C/9+rSS10.net

ワイangular民
reactのほうが人気で咽び泣く

93 ：風吹けば名無し：2018/11/21(水) 20:30:42.18 ID:EF3FDTMW0.net

あとはmarginにautoとかつけたらそれっぽくなるやろ

94 ：風吹けば名無し：2018/11/21(水) 20:31:20.93 ID:l8AfXXGu0.net

>>77
console.log(omaegomi)

95 ：風吹けば名無し：2018/11/21(水) 20:31:22.99 ID:wVmv7zvL0.net

JavaScriptで制御しろ

96 ：風吹けば名無し：2018/11/21(水) 20:31:27.69 ID:y1x/8+fj0.net

PCでも100%でええやろ

97 ：風吹けば名無し：2018/11/21(水) 20:32:47.98 ID:l8AfXXGu0.net

>>91
ガイジか
職業にしたいんじゃねえんだよ
答えろや

98 ：風吹けば名無し：2018/11/21(水) 20:32:51.30 ID:iKdJQnOC0.net

掲示板作ってんねんけどなんか実装してほしい機能ある？

99 ：風吹けば名無し：2018/11/21(水) 20:33:20.04 ID:DcKZyuGF0.net

￣￣￣￣￣￣￣＼|￣￣￣￣￣￣

　　　　　　　　　,r"´⌒｀ﾞ`ヽ
　　　 　　／　{,}f　　-‐- ,,,__)
　　　　／　　 /　　.r'~"''‐--､)
　　,r''"´⌒ヽ{　　 ヽ　(・)ﾊ(・)}､
　/　　　　　　＼　　（⊂｀-'つ）i-､ 　 　 　 　 _＿＿＿＿＿＿＿＿＿_
　　　　　　　　　 `}. （__,,ノヽ_ﾉ,ﾉ　 ＼　 jﾞ~~| | |　　　　　　　　　　　　　|
　　　　　　　　　　 l　　 ｀-" ,ﾉ 　 　 ヽ |_＿| | |　　　　　　　　　　　　　|
　　　　　　　　　　 }　､､___,j''　 　 　 　 lｎ||　 | |　　　　　　　　　　　　　|
　　　　　 　　　　/　　　　 　 　 r.　 　 （ こ） | |　　　　　　　　　　　　　|
　　　　　　　⌒ ー― 、　　　　 |＼ 　 (⊆ｿ .|_|_＿＿＿＿_＿＿＿＿_|
　　　　　　　　　　　　nｎｎ 　　　　　　　 ｌ二二ｌ二二＿|_|＿_|＿
＼　　　　　　　　 　 ､("二）￣￣￣￣￣

100 ：風吹けば名無し：2018/11/21(水) 20:33:49.52 ID:/BiYUlTj0.net

>>98
ワイ好みのエッチな動画を見たいです

101 ：風吹けば名無し：2018/11/21(水) 20:33:52.02 ID:l8AfXXGu0.net

>>98
ねえかははよおしえろや

102 ：風吹けば名無し：2018/11/21(水) 20:34:08.53 ID:J9nj+tZ+0.net

ReactとVueって個人的なサイト作るんだったらどっちがええの？

103 ：風吹けば名無し：2018/11/21(水) 20:34:14.41 ID:MGfLTtUMM.net

>>92
結局fluxもやらなあかんからそこまで学習コスト変わらん気がする

104 ：風吹けば名無し：2018/11/21(水) 20:34:19.79 ID:DcKZyuGF0.net

【悲報】ダンサーKABAちゃん、膣が破れるも腸で作り直す
http://swallow.5ch.net/test/read.cgi/livejupiter/1541218896/

105 ：風吹けば名無し：2018/11/21(水) 20:34:24.75 ID:8rOYkEyK0.net

>>98
えちえちな画像がランダムで出現

106 ：風吹けば名無し：2018/11/21(水) 20:34:30.50 ID:+NQfsWB10.net

>>92
今はもうvueの方が人気やろ