Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/43.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
横向旋转到纵向时字体大小的怪癖-CSS媒体查询-iPhone5 Safari_Iphone_Css_Safari_Media Queries_Landscape Portrait - Fatal编程技术网

横向旋转到纵向时字体大小的怪癖-CSS媒体查询-iPhone5 Safari

横向旋转到纵向时字体大小的怪癖-CSS媒体查询-iPhone5 Safari,iphone,css,safari,media-queries,landscape-portrait,Iphone,Css,Safari,Media Queries,Landscape Portrait,我已经在谷歌上搜索出了这个问题,但我想不出来。谢谢你的帮助 Studiolynch.com。反应灵敏,布局流畅。在iPhone5Safari中工作得非常完美,除了从横向模式旋转到纵向模式会使字体大小小于应有的大小。但是,如果您最初以纵向模式加载页面,它会工作得很好-也就是说,直到您旋转到横向,然后再返回纵向。在“信息”和“你好”页面上最容易看到这种情况 这是我正在使用的媒体查询: @仅媒体屏幕 和(最小设备宽度:320px) 和(最大设备宽度:480px) 和(方向:纵向)由于它有帮助,这将防止

我已经在谷歌上搜索出了这个问题,但我想不出来。谢谢你的帮助

Studiolynch.com。反应灵敏,布局流畅。在iPhone5Safari中工作得非常完美,除了从横向模式旋转到纵向模式会使字体大小小于应有的大小。但是,如果您最初以纵向模式加载页面,它会工作得很好-也就是说,直到您旋转到横向,然后再返回纵向。在“信息”和“你好”页面上最容易看到这种情况

这是我正在使用的媒体查询:

@仅媒体屏幕 和(最小设备宽度:320px) 和(最大设备宽度:480px)
和(方向:纵向)

由于它有帮助,这将防止Safari在旋转时自动调整字体大小:

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

对你有用吗?