精华内容
下载资源
问答
  •  是这样的,在移动端字体大小设置了16px,结果到 iphone5 上显示的有大有小,很奇怪。开始的时候还以为是P标签的原因,查了半天文档...最后才发现是浏览器的默认行为。 正文  在CSS中有text-size-adjust 这样一...

    前言

      遇到个小坑,踩了一个多小时,真鸡儿难受。

      是这样的,在移动端字体大小设置了16px,结果到 iphone5 上显示的有大有小,很奇怪。开始的时候还以为是P标签的原因,查了半天文档...最后才发现是浏览器的默认行为。

    正文

      在CSS中有  text-size-adjust  这样一个属性,这个属性允许我们控制将文本溢出算法应用到一些手机设备上。这个属性还没有写进标准,使用时必须加上前缀。如下:

            -webkit-text-size-adjust: ;  
            text-size-adjust: ;  
            -moz-text-size-adjust: ;  

      因为缩放适配小屏幕而导致文字会变得很小,许多手机浏览器会使用文本溢出算法让文本变大而更易读。当一个包含文本的元素宽度用了100%,他的文本大小会增加直到达到一个易读的大小,但是不会修改布局。 text-size-adjust   这个属性允许开发者去除或者修改这个浏览器默认行为,因为当网页设计已经处理小屏幕的宽度问题时不需要他。

      语法如下:

    /* 文本不会放大 */
    text-size-adjust: none;
    
    /* 文本可能会被放大 */
    text-size-adjust: auto;
    
    /* 文本会被放大80% */
    text-size-adjust: 80%;
    
    /* 全局的值 */
    text-size-adjust: inherit;
    text-size-adjust: initial;
    text-size-adjust: unset;

     text-size-adjust   属性的值为 auto , none , 百分比。

      - none

       禁用浏览器的文本溢出算法。在老的基于webkit内核的桌面端浏览器,这将阻止用户将网页放大或缩小。

      -    auto

       启用 浏览器的文本溢出算法。该值用于取消先前使用CSS设置的none。

      - <percentage>

       启用 浏览器的文本溢出算法,具体用一个百分数来确定文本放大范围。 

     

    我的解决办法:

       body   {  
            text-size-adjust: 100% !important;  
            -webkit-text-size-adjust: 100% !important;  
            -moz-text-size-adjust: 100% !important;  
        } 
      //必须加上对应的前缀

    需要注意的是这个属性并未写进标准,使用时 必须添加上对应的前缀,然后  这个属性只有在一些智能手机和平板电脑上使用,当然,这种情况多出在小屏幕的手机上,桌面浏览器和一些平板电脑浏览器并没有一些溢出算法。 

    更详细的内容请参考 MDN 文档。

      

     

    转载于:https://www.cnblogs.com/bfc0517/p/8358948.html

    展开全文
  • 现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率,当屏幕的分辨率一定时,如果你 感到字太小,阅读有困难,在非标准浏览器中就无能为力了,从而降低了用户...

    现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你 感到字太小,阅读有困难,在非标准浏览器中就无能为力了,从而降低了用户体验。所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查 看>文字大小来改变字的大小。

     

    1.在body标签里将字体尺寸设为62.5%,如果在body里没有CSS设定,那么浏览器默认的大小是16px,设了62.5%,则字体尺寸=16px*62.5%=10px,这时你能用em方便地设大小了,比如你需要用12px,只要设1.2em。

    body {
        font-size:62.5%;
    }

    h1 {
        fong-size:1.4em;/*h1字的大小相当于14px*/
    }

    2.body里字体尺寸设为75%,则字体尺寸=16px*75%=12px,1em相当于12px.

    body { 
        font-size:75%; 

    h1 { 
        fong-size:1.5em;/*h1字的大小相当于18px*/ 
    }

    第一种方法对于提高用户体验更好些。如果是英文网站的话,还可以设定为small、x-small……当然这样一来,对页面的设计要求会高一些。

     转自:http://blog.bingo929.com/font-size-user-experience.html

    转载于:https://www.cnblogs.com/zytrue/p/8494014.html

    展开全文
  • 标准HTML标签 方法1、使用 CDATA(推荐) ABC ]]> 方法2、转义HTML标签 <b><u>bold, underline </u></b> 在程序里引用: Html.fromHtml(getResources...

    原生就支持的部分html语法

    官方 Supported HTML elements include: 给出了 b,i,u,但是实际上支持的还有。 

    根据 
    StringBlock.java ( frameworks\base\core\java\android\content\res) 
    的 get 方法源码可知,有以下类型可以支持。 

    "b");     ==>StyleSpan(Typeface.BOLD),
    "i");      ==>StyleSpan(Typeface.ITALIC),
    "u");     ==>UnderlineSpan
    "tt");     ==>TypefaceSpan("monospace"),
    "big");   ==>RelativeSizeSpan(1.25f),
    "small"); ==>RelativeSizeSpan(0.8f),
    "sup");   ==>SubscriptSpan(),//上下标 
    "sub");   ==>SuperscriptSpan(),
    "strike"); ==>StrikethroughSpan(),//删除线 
    "li");        ==>new BulletSpan(10),//用在首位,多个列表的圆点符号 
    "marquee"); TextUtils.TruncateAt.MARQUEE

    由其applyStyles 方法可知还支持 
    "font;": 
        ";height="    ==>Height(size),
        ";size="        ==>AbsoluteSizeSpan(size, true),
        ";fgcolor="    ==>ForegroundColorSpan(c);
        ";color="       ==>ForegroundColorSpan(c);
        ";bgcolor="   ==>BackgroundColorSpan(c);
        ";face="        ==>TypefaceSpan(sub),
    “a;”:
        ”;href=“  ==>URLSpan(sub),

    "annotation;" ==>Annotation(key, value),

    参考:
    <string name="test">bold for <b>test</b> small for <small>this is the small string</small></string>
    <string name="sms_short_code_details">This <font fgcolor="#ffffb060">may cause charges</font> on your mobile account.</string>
    其中font的颜色既fgcolor属性要以Android的颜色格式指定,比如 #FF00FF00 ,要带上前面的透明度,不然透明度默认是0,既类似 #00FF0000 这样,会把字弄没。 

    标准HTML标签

    方法1、使用 CDATA(推荐)
    <string name="demoStr"><Data><![CDATA[ <b>ABC</b> ]]> </Data></string>
    方法2、转义HTML标签
    <string name="myHeadStr">&lt;b>&lt;u>bold, underline &lt;/u>&lt;/b></string>
    在程序里引用:
    Html.fromHtml(getResources().getString(R.string.myHeadStr));

    展开全文
  • 关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到, 已经完成的移动端页面,正常情况下在手机上的浏览器端和App端都可以正常显示,可当测 试把手机字体调大后,布局就忽然变乱了....

    关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到,

    已经完成的移动端页面,正常情况下在手机上的浏览器端和App端都可以正常显示,可当测

    试把手机字体调大后,布局就忽然变乱了....盒子里面的内容向内挤了。说实话,刚开始感觉

    这种问题应该可以忽略,毕竟字体调大后,又可以调回原来的啊,而且大部分手机都是默认

    显示标准字体吧。而且我在移动端的meta标签里已经给viewport容器添加了相应属性值,

    也是用rem布局的,还会出现这种错乱的情况,我能怎么办....不过后来想了想,既然你是前

    端工程师,搞技术的,就应该要学会解决技术问题啊,所以我还是打开了浏览器,开始动手

    我最熟悉的骚操作Ctrl+C、Ctrl+V...

    刚开始我在找是不是viewport容器里还有些属性值少添加了。

    我自己原来的值是这样的:<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

    感觉是正常的,因为已经调整好了设备宽度、默认缩放比、还有禁止用户手动缩放,所以应该没问题,不过我之后

    还是多添加了两个属性值:

    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0">

    添加的属性值是最小和最大缩放比,其实感觉没必要了,因为已经设置了初始化缩放比,不过还是提交测试了,

    意料之中,还是没用....

    之后上网终于找了一篇大佬文章,关于如何处理移动端调整字体大小问题的解决方案

    文章链接:https://www.cnblogs.com/axl234/p/7753187.html

    我下面的代码也是参考他的,不过自己有一些小改动,反正我的移动端页面已经适应了。[耶][耶][耶]

    (注:需要注意的是每次调整手机字体大小后,需要重新刷新下页面才有效)

    
    fontAdapt();
    
    function fontAdapt(){
        /*适应移动端APP调整字体大小*/
        (function() {
            //新创建一个div元素,并设置该元素的字体大小
            var $dom = document.createElement('div');
            //移动端采用rem布局,所以设置新创建的元素字体单位为rem
            //这里设置字体大小为10,方便后面计算
            $dom.style = 'font-size:10rem;';
            document.body.appendChild($dom);
            //计算出新创建元素调整后的字体大小
            var scaledFontSize = parseInt(window.getComputedStyle($dom, null).getPropertyValue('font-size'));
            //移除新创建元素,以免影响页面布局
            document.body.removeChild($dom);
            //计算原字体和调整后字体的比例,原字体为10rem,取数字10,
            var scaleFactor = 10 / scaledFontSize;
            
            //取出html元素字体的大小
            //注意,这个大小也经过缩放了
            var originRootFontSize = parseInt(window.getComputedStyle(document.documentElement, null).getPropertyValue('font-size'));
            //通过上面的比例调整页面当前的字体大小,以适应移动端,单位为rem
            document.documentElement.style.fontSize = originRootFontSize * scaleFactor + 'rem';
        })();
    
        /*适应手机端浏览器调整字体大小*/
        (function(doc, win) {
            //用原生方法获取用户设置的浏览器的字体大小(兼容ie)
            if(doc.documentElement.currentStyle) {
                 var user_webset_font=doc.documentElement.currentStyle['fontSize'];
            }
            else {
                 var user_webset_font=getComputedStyle(doc.documentElement,false)['fontSize'];
            }
            //取整后与默认16px的比例系数
            var xs=parseFloat(user_webset_font)/16;
            //设置rem的js设置的字体大小
            var view_jsset_font,result_font;
            var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            clientWidth,
            recalc = function() {
                clientWidth = docEl.clientWidth;
                if(!clientWidth) return;
                if(!doc.addEventListener) return;
                if(clientWidth<750){
                    //设置rem的js设置的字体大小
                    view_jsset_font=100 * (clientWidth / 750);
                    //最终的字体大小为rem字体/系数
                    result_font=view_jsset_font/xs;
                    //设置根字体大小
                    docEl.style.fontSize = result_font + 'px';
                }
                else{
                    docEl.style.fontSize = 100 + 'px';
                }
           };
           win.addEventListener(resizeEvt, recalc, false);
           doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    }

    有哪里不懂或有更好建议的欢迎留言~~

    展开全文
  • 默认外观具有精美的平面设计,它具有用于呈现,插入,删除和更新动作的内置动画功能,并且是完全可自定义的,能够通过属性属性和委托方法来更改颜色,标签文本,字体。 内容由遵循Apple内置控件标准的数据源对象...
  • CSS字体样式

    2019-11-10 13:22:10
    font-size 字体大小(单位px) font-family 字体样式(支持汉字) font-weight 字体粗细 <b><strong>标签可实现 {值可以是bold,normal,bolder100-900 normal=400 bold=700 bolder...
  • css字体设置

    2013-04-02 13:56:00
    现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率,当屏幕的分辨率一定时,如果你 感到字太小,阅读有困难,在非标准浏览器中就无能为力了,从而降低了用户...
  • var str="";...//加URL到百度str="we are...//字体大小str="we are size";//颜色//str= "aabbcc>";my_txt.htmlText=str; 总结:给动态文本对象里某个字或字母或字集合加颜色的时候 需要转义。步骤:先按标准写法 然后加转
  • 从h1-h6 字体大小依次递减 (它是块级元素) a:超链接标签 (行内元素) 私有属性:herf:设置连接地址;1.标准url路径; 2.锚点(一般通过id属性设置锚点位置 : #id属性值) 3.邮箱地址(前缀mailto:邮箱地址) ...
  • 制作带图片、漂亮字体、彩色内容甚至彩色条码的彩色个性标签,这是我们一直提倡的。我们用普通家用打印机打出专业的条码标签,比上千元的标签打印机不相上下,但如果我们用彩色喷墨打印机,就可以打印LOGO和产品图片...
  • Unity 富文本 支持HTML标签

    千次阅读 2016-07-08 10:11:20
    这种文本用于GUI元素和文本网格可以结合多种字体类型和大小。 GUIStyle, GUIText 和 TextMesh类都有富文本设置,能指示unity寻找文本内含有的标记标签。Dubug.Log也可以用这些标记标签来增强代码报告错误的能力。...
  • 步骤四 单击下一步,打开手动定义标签尺寸窗口,将“页面大小”选项设置为“user”用户自定义状态,并检查“自动调整大小”; 步骤五 单击下一步,选择标签方向和打印方向; 步骤六 单击下一步,打开“标签尺寸”...
  • 指引网页中的信息主要是以文本为主的,可以通过字体大小、颜色、底纹、边框等来设置文本的属性。文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在标记中编写。文字是网页设计最...
  • 正文 字体大小:大 中 小 MYSQL数值类型INT,SMALLINT,BIGINT,MEDIUMINT,FLOAT的相关说明,存储大小等! (2012-03-16 14:09:42) 转载▼ 标签: 杂谈 分类:MYSQL MySQL支持...
  • 该函数不接受任何输入。 它对当前图形进行操作。... 它使绘图上的线条更粗,增加了标题、xlabel 和 ylabel 的字体大小。 还修改轴以使刻度标签向外显示。 最后,检测屏幕大小并适当地最大化图形窗口。
  • CSS美化网页元素大全

    2021-04-25 16:27:00
    在一条声明中设置所有字体属性,简写顺序:字体风格→字体粗细→字体大小→字体类型 font-family 规定文本的字体系列(字体族)。 font-size 规定文本的字体大小,单位是px(像素) font-style ...
  • 一.行高line-height 1.概念 标准定义:两行文字基线中的距离 通俗概念:行高=文字大小+上间距+下间距 2.作用 设置文字垂直方向有距离 设置文字垂直居中 ...4.1如果单独给一个标签设置...不带单位:行高=字体大小*...
  • 关爱通UI规范

    2021-02-27 02:58:25
    字体规范按钮、翻页、标签规范icon使用规范日期&搜索标准提示与操作反馈各种修改总结&规范表单规范表格内容规范弹出层&浮动层规范页面布局(一栏)页面布局(二栏/左小右大)页面布局(二栏/左大右小)其它布局(应用文件夹...
  • HTML之CSS属性相关

    2019-06-03 19:43:24
    1.设置宽度和高度:width、height 块级标签才能设置宽度,内联标签的宽度由内容来决定。 *{ ...2)字体大小:font-size 3)字重(粗细): font-weight normal 默认值,标准粗细 bold 粗体 bo...
  • 其中,h1标签字体最大,数字越大,字体越小。 插入图片只需要<img src= “ ( ) ” >这串代码即可,其中,img是图片,src是路径,括号中填入图像的路径就可以在网页中显示图片了。这串代码仍然插入body标签中...
  • 苹果页面设计规范

    2021-01-08 10:15:40
    1.界面设计包括布局层,图文排版层,图标层。 iPhone界面布局讲究8px原则。...图标和下方的字体最好是8px距离,字体大小一般为22px。在xd中注意转换。注意pt等于2px。 5.导航栏中标题居中字体36px,左右图标44px乘44
  • GitHub的markdown语法在标准的markdown语法基础上做了扩充,称之为GitHub Flavored Markdown,简称GFM。 h5现已不支持<center></center>...标签改变字体大小和颜色。 <table width=
  • font-size:字体大小。 font-family:字体。 text-align:文本对齐。 text-decoration:line-through:定义穿过文本下的一条线。 text-decoration:underline:定义文本下的一条线(下划线)。 text-decoration:none:...
  • 超链接 and 兼容性

    2021-01-24 22:16:32
    超链接测试 1.链接文字描述正确性 2.链接地址跳转正确性 3.链接触发脚本正确性 ... 字体大小标准不一致。 颜色标准不一致。 HTML标签不一致。 格式控制不支持,导致图形显示位置错乱。 浏...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 193
精华内容 77
关键字:

标签字体大小标准