-
【解決】iphoneからwin機に画像を一括で転送するときにエラーが発生する
解決したiphoneをWindowsにつないで写真の移動を行うとエラーが出るときがある。理由はmovファイルを転送しようとするときと思われる。（転送できるmovもある。サイズの問題では無さそう）jpg png mp4は問 […]
-
iphoneでtwitter widegetのiframeが横にはみ出るバグの修正
twitterのタイムラインwidegetを使うときにレスポンシブにしたいと思いぐぐるとよく書いてあるのが のくだり。 幅100%だから常に親に合わせる的設定なんだけど、iphoneで見ると親 […]
-
position:fixed;にした要素の子にoverflow-scrolling: touch;を設定するとフリーズすることがある
ナビの固定などでヘッダーを固定、その子要素のナビがクリックで階層表示されるみたいなことをやっているとfixedした要素が画面の高さを超えることが多々ある。 そういうときにナビに対してoverflow-y:scroll;を […]
-
iphoneなどのスマホで横スクロールメニューを作るけど横幅設定がめんどうくさい
今まではJSなどで親要素の幅を取得してそれを設定して～～ とやっていたが、とても参考になるサイトを発見。 https://moriawase.net/horizontal-scroll 上記のサイトだとinline-bl […]
-
iphoneなどのスマホでposition fixedにした時にスクロール中にｆｉｘｅｄしてくれないからtransform: translate3dで対応してみたらz-indexではまった
タイトルで全てを終わらせている感じ。 ちょっと複雑な重なりあいをテストしていてタイトルの現象にハマった。 こんなとき。 .box-1stには背景だけ入れてみる。 .saizenmenに position relative […]
-
position:absolute;で設定していた要素をある地点までスクロールしたらposition:fixed;に変更する。けど動きおかしい
なかなかやることが無さそうなシチュエーション。 最初からFixed出来ればラクなんだけど、その要素を通過するまで普通にコンテンツ内にまぎれていて、それを越したら画面中央までアニメーション。そして固定。 スクロールの判定は […]
-
iphoneの解像度毎のmedia Queryのサイズ感
iPhone5s : 320 × 480px iPhone6 : 375 × 667px iPhone6 Plus : 414 × 738px Plusだけはデザイン分けた方がいいですね。 横一とかにしてしまうと無駄に幅 […]
-
iphoneの画面サイズを機種ごとに知りたい
さすがは海外。 ちゃんと用意されているんですね。 以下、参考サイトです。 http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions もうレ […]