事象
Visualforceページで作成したforce.com上のページをタブレット・スマホで表示したときにCSSが一部効いていない
実装内容
Force.com上にVisualforceページを使用してフォームを設置し、入力した内容から取引先・取引先責任者のレコードを作成する。
使用した機能
- Apexクラス
- Visualforceページ
- Force.com
原因
原因は単純でCSSをネストで記述していたことで、ブラウザがネストに対応していないバージョンだったため、正常に表示されていなかった。
解決方法
以下のどちらかの方法で解決できる。
- CSSをネストせずに記述する
- ネストに対応しているバージョンブラウザを更新する
おわりに
CSSのネスト機能はリリースされてからそれほど時間が経っていないため、ネストせずに記述しておいた方が無難ですね。
プログラミングコミュニティの紹介
Reactを１から実践レベルまで身につけることができるサービス「JISOU」では現在メンバーを募集中です。
気になる方は以下のHPのLINEからお問合せください。
https://projisou.jp
会社の紹介
この記事を最後まで読んでいただき、ありがとうございます！
私がエンジニアとして働いているViVO株式会社では、SalesforceやYextといったSaaSシステムに関わるエンジニアを募集しています。
経験者の方はもちろん、未経験者でもチャレンジしたいという熱意があれば大歓迎です。
技術的な経験がない方でも成長できるよう全面的にサポートする環境を提供しています。
もし少しでも興味を持っていただけたら、以下のURLまたは私にDMでご連絡ください。
https://vivojpn.com