この記事は、株式会社Y's アドベントカレンダー7日目の記事になります。 ディレクター出身の初心者エンジニアの私が自社コーポレートサイトを実装したときの経験談。 ディレクター時代に培った提案力が功を奏し、アイデアがたまたま採用されて乗り切れただけなので参考になるかはわかりませんが、あまり書かれていなさそうな方法だったのと、そこにたどり着いた経緯を忘れたくないので、備忘録的に残しておきます。 ※方法のみを知りたいという方は、『実際に使った手法②』から読むことをおすすめします。 普通のランドスケープ対応がしたかった 普段スマホでwebサイトを訪れた際に、端末を横向きにして見るケースは個人的にほとんどないし、自分の周りでもそうしている人はあまり見たことがありません。 それでも世の中に一定少数は居るらしく、その人達のために対応をしてあげる必要があります。 デザインにもよりますが、よくある対応方法と
![スマホサイトのランドスケープ対応(画面横向き対応)をする時間がなくてアイデアで乗り切った話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7d6aed308dfdf9eaf34e91c1b1e5be72a264292/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI5JUUzJTgzJTlFJUUzJTgzJTlCJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgxJUFFJUUzJTgzJUE5JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgyJUI5JUUzJTgyJUIxJUUzJTgzJUJDJUUzJTgzJTk3JUU1JUFGJUJFJUU1JUJGJTlDJTI4JUU3JTk0JUJCJUU5JTlEJUEyJUU2JUE4JUFBJUU1JTkwJTkxJUUzJTgxJThEJUU1JUFGJUJFJUU1JUJGJTlDJTI5JUUzJTgyJTkyJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk5JTgyJUU5JTk2JTkzJUUzJTgxJThDJUUzJTgxJUFBJUUzJTgxJThGJUUzJTgxJUE2JUUzJTgyJUEyJUUzJTgyJUE0JUUzJTgzJTg3JUUzJTgyJUEyJUUzJTgxJUE3JUU0JUI5JTk3JUUzJTgyJThBJUU1JTg4JTg3JUUzJTgxJUEzJUUzJTgxJTlGJUU4JUE5JUIxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz05NDgyNGQ4ZGMzZjk0ZjBjMjkwOGUzMDE3OTAxNTI5Mw%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBUaGUzcmRfWXNpbmMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWYzYWQ5ZGUxZmI1OWM2NDcxZjYwOWM3ODMwYjJlYjY1%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Dc1ec7415a5a2a557eb680f5181f12e2f)