電話が横向きモードに回転したときにiPhoneがテキストのサイズを変更しないようにする方法を尋ねるリクエストがたくさんあります. 私が調査したすべてのことは、-webkit-text-size-adjust: none; を使用して iPhone の機能をオフにすることを示しています。
iPhoneのようにデバイスが回転したときに、Androidブラウザにこのテキストのサイズを実際に変更させるCSSの何かがありますか?
メディア クエリは、この種の作業に最適です。私が最も見たのはmin-width
andですが、ここに記載されているように、フラグとしてmax-width
使用することもできます: http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/orientation
/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
/* Landscape styles */
}
これにより、Web サイトの縦表示と横表示の両方に異なるフォント サイズを指定できます。