手机旋转时强制android像iphone一样调整文本大小

Posted 2023-03-12

【中文标题】手机旋转时强制android像iphone一样调整文本大小

【英文标题】：force android to resize text like iphone when phone rotated

【发布时间】：2012-04-18 05:24:30

【问题描述】：

我看到很多请求询问如何在手机旋转到横向模式时阻止 iphone 调整文本大小，我希望这在 android 手机上发生，但就像在 iphone 上一样。我研究的所有内容都指向我使用 -webkit-text-size-adjust: none; 关闭 iphone 上的功能；

当设备像 iphone 一样旋转时，css 中是否有某种东西会强制 android 浏览器实际调整此文本的大小？

【问题讨论】：

通过获取屏幕方向，您可以根据需要更改文本的大小

您的意思是在横向模式下，您需要查看比纵向视图更大的文本。只需在“res”中创建2个新布局文件夹“layout-pot”和“layout-land”并在layout.xml中设置更改，它只是一种你可以做的事情，不确定webkit。

【参考方案1】：

媒体查询非常适合这种事情。我看到最多的是min-width 和max-width，但你也可以使用orientation 作为标志，如下所述：http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

/* Portrait */
@media screen and (orientation:portrait) 
    /* Portrait styles */

/* Landscape */
@media screen and (orientation:landscape) 
    /* Landscape styles */

这将允许您为网站的纵向和横向视图指定不同的字体大小。