解决iphone横屏时字体变大问题或者内容大小不一样等...

前提修改文档声明,如有疑问,请看文章手机web2.0网页文档属性

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}

@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}

@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

如有想进一步了解,请看上一篇Media Queries详解

css3中-webkit-text-size-adjust详解:

1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust放在body上会导致页面缩放失效

3、body会继承定义在html的样式

4、用-webkit-text-size-adjust不要定义成可继承的或全局的

时间: 2024-10-09 11:28:25

解决iphone横屏时字体变大问题或者内容大小不一样等...的相关文章

移动端 竖屏切换横屏时候字体变大

最近遇到ios设备竖屏切换到横屏时候,字体会发生变化的情况.用以下方法可以解决此类问题 -webkit-text-size-adjust : none ; -moz-text-size-adjust : none ; -ms-text-size-adjust : none ; text-size-adjust : none 这样就能禁止当手机由竖屏转向横屏的时内容中的文字自动调整大小,各浏览器下的私有属性为-webkit-text-size-adjust,-moz-text-size-adjus

iPhone 横屏时默认会放大文字的问题

有人说用 html { text-size-adjust: 100%; }我发现这个并不能解决问题.下面代码可以完美解决. 添加标签:<meta name="viewport" content="width=device-width,initial-scale=1"/>

IPhone在横屏字体变大解决办法-webkit-text-size-adjust

在web app开发过程中经常会遇到IPhone在横屏的时候,字体突然放大.而在Android上到是没有这样的问题. 解决的方法,可以通过-webkit-text-size-adjust来设置.很多网站包括京东,搜狐的手机版都是这样设置的:-webkit-text-size-adjust:none.这样设置在手机横屏时不会导致字体突然变大,尤其是在iPhone上.不过这样设置有隐患,所以建议大家 -webkit-text-size-adjust:none   改成  -webkit-text-s

iPhone 横屏变大和一些meta标签解释

前言:在手机端的H5页面中,如果横屏后在竖屏,会发现字体变大了.这种情况只有在iPhone中会有,安卓不会出现. 解决办法: body{ -webkit-text-size-adjust : none; -moz-text-size-adjust : none; -ms-text-size-adjust : none; text-size-adjust : none } 另注: <meta name="apple-mobile-web-app-capable" content=&

关于移动端APP开发-字体样式变大问题

前两天在写App项目的时候发现一个问题,就是明明css写的样式是14px,刚开始在页面显示时并未出现问题,可是内容一多,字体突然变大了. what?,不明所以,在各大网站上找了好久才知道是浏览器的字体提升的问题. 先说说解决的方法吧,可以直接在css样式中写下 body,body*{ Max-height:1000000px; } 就可以直接禁用. 出现这一原因可能是和font boosting有关.font boosting 特性在这时会自动将其中的文字字体变大,保证在即不需要左右滑动屏幕,也

解决UC手机字体变大的有关问题

解决UC手机字体变大的问题 UC手机浏览器在识别到页面文字很多的情况下会自动放大字体优化阅读体验,如果要关闭这个功能需要在网页头部添加: <meta name="wap-font-scale" content="no"> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="wap-font-sc

解决CodeIgniter大量查询sql时占用内存大问题

最近的项目上面做大数据插入时总提示内存超出限制 不管怎样unset结果内存仍然很大! 最终发现是CI的机制导致,只要关闭掉问题解决了 $this->db->save_queries = FALSE; 它会把所有执行的SQL保存一份在内存做调试:果断关了! 这东西是从v1.6开始就有 Added $this->DB->save_queries variable to DB driver, enabling queries to get saved or not. Previously

iOS设备横屏时,frame和bounds的分别

工程中有两个ViewControllers,其中ViewController是root view controller,底色是红色,上面有一个按钮,点击后加载GreenViewController,并显示其视图,底色是绿色. 首先是ViewController的代码: #import "ViewController.h" #import "GreenViewController.h" @interface ViewController () @end @implem

解决div嵌套时IE8和FF无法自适应高度

解决div嵌套时IE8和FF无法自适应高度 还是做类似新浪评论回复的时候,将回复的DIV嵌套在一个DIV中,然后点击回复的时候显示子DIV,这是父DIV的高度是会变化的,于是我将父DIV的高度设置为height:auto;可是问题就出现了,在IE6和IE7下父DIV的高度可以自适应而在IE8和FF下却不可以,于是我开始在网上搜索,嘿嘿,现在的网络知识共享真好,让我找到解决办法了! 在父DIV的CSS中添加两个属性值 clear:both; overflow:auto; OK啦!希望对遇到同样问题