我用html5做手机网页,如何设置字体大小以适合各种设备?

author author     2023-05-10     392

关键词:

我用HTML5做手机网页,如何设置字体大小以适合各种设备? 我查了一下有viewport ,但字体还是用px吗?

一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了 参考技术A HTML5做手机网页所用的字体可以有2种单位:
1)使用px 像素:使用14号字体即可
2)使用em :随着屏幕大小而改变1em=16px
如果只是做手机设备的话,完全可以使用px像素就可以了。不过不要使用12px 在手机上显示太小了,用户看不清楚。一般使用 14px 或 16px 。
参考技术B 有新的rem单位,有的地方不支持,用px好些,

如何设置 UINavigation 大小以适合背景图像大小?

】如何设置UINavigation大小以适合背景图像大小?【英文标题】:HowtosetaUINavigationsizetofitthebackgroundimagesize?【发布时间】:2015-06-0402:30:47【问题描述】:我已将我的UINavigationBar背景图像设置为某个图像,如下所示:UINavigationBar*navBar... 查看详情

获取字体大小

...以使其适合标签内。我想要做的是从一个标签中,并将其设置为其他标签的字体大小,以便所有内容都适合标签,但大小也相同。这是我重新缩放文本的代码:Name_Label.numberOfLines=1Name_Label.adjusts 查看详情

Textview:调整字体大小以匹配父级[重复]

...间】:2014-08-2907:59:19【问题描述】:是否可以将字体大小设置为自动match_parent?我的TextView已经是width/height="match_parent",但字体很小,不适合父大小。怎么做?【问题讨论】:***.com 查看详情

如何在不损失图像质量的情况下调整图像大小以适合小型 HTML5 画布? [复制]

】如何在不损失图像质量的情况下调整图像大小以适合小型HTML5画布?[复制]【英文标题】:HowtoresizeimagetofitonasmallHTML5canvaswithoutloosingimagequality?[duplicate]【发布时间】:2021-05-0403:15:58【问题描述】:这是我的代码。我希望能够在... 查看详情

无论用户字体大小如何,如何使文本适合按钮?

...:45:46【问题描述】:我有一个按钮,其标题非常适合我的手机,但我收到了其他字体较大的人提出的一些问题,由于按钮背景太小,文本被裁剪。我以为这是因为我在文字中使用了宽度和高度,所以我将其更改为百分比,但错误... 查看详情

如何实现webview上网页能进行自动适应手机屏幕大小

参考技术Astackoverflow上做法:webSettings.setLoadWithOverviewMode(true);webSettings.setUseWideViewPort(true);觉得这个好用本回答被提问者和网友采纳 参考技术B方法1,建立不同分辨率的网页。方法2,以800*600建立网页,用表格限制宽度,在1024*768的时候... 查看详情

按比例调整图像大小以适合 HTML5 画布

...产品编辑器具有相似功能的jQuery插件。我需要知道的是,如何使用context.drawImage()画布函数插入图像并调整其大小以适应画布而不会使它变形。图像是500x 查看详情

调整字体大小以适合多个 UIButton,使它们都具有相同的字体大小

】调整字体大小以适合多个UIButton,使它们都具有相同的字体大小【英文标题】:AdjustthefontsizetofitforseveralUIButton\'ssothattheyallhavethesamefontsize【发布时间】:2013-06-0717:57:40【问题描述】:我有几个UIButton在一起,我想调整字体大小... 查看详情

网页界面怎么调整大小

网页字体设置:  1、使用IE浏览器的设置方法  按CTRL这个键,转动鼠标的滚轮就可以设置网页文字的大小。可以根据自己的需求调到自己觉得适当的大小。浏览器的右下角一般会有一个显示比例的图标,自己点击进行拖动... 查看详情

您如何让 Silverlight 调整文本内容的大小以适合?

】您如何让Silverlight调整文本内容的大小以适合?【英文标题】:HowdoyouhaveSilverlightresizetextcontenttofit?【发布时间】:2010-10-1814:25:34【问题描述】:我有一个用户控件(如下),我将文本绑定到数据源并实例化了一堆用户控件。我... 查看详情

如何以编程方式设置 wC hR 字体大小?

】如何以编程方式设置wChR字体大小?【英文标题】:HowcanisetwChRfontsizeprogrammatically?【发布时间】:2016-02-0121:48:25【问题描述】:我正在为ipad和iphone使用Constrain..所以现在我想以编程方式更改按钮字体大小(wChR)。【问题讨论】... 查看详情

如何设置 SKLabelNode 的字体大小以适应固定大小(Swift)

】如何设置SKLabelNode的字体大小以适应固定大小(Swift)【英文标题】:HowtosetfontsizeofSKLabelNodetofitinfixedsize(Swift)【发布时间】:2015-09-0723:04:50【问题描述】:我有一个正方形(200X200),里面有一个SKLabelNode。标签显示分数,它可能... 查看详情

如何使用 CSS 忽略手机的字体大小设置?

】如何使用CSS忽略手机的字体大小设置?【英文标题】:Howtoignorethephone\'sfontsizesettingwithCSS?【发布时间】:2021-10-2609:40:41【问题描述】:我有一个主要用于移动设备的网络应用。在手机上看起来像货,但在系统设置中增加字体大... 查看详情

如何在swift上以编程方式更改uisegmentedcontrol的字体大小和字体名称?

...何以编程方式更改uisegmentedcontrol的字体大小和字体名称?我用的是swift。这是我的代码:self.m 查看详情

如何调整字体大小以适应 UILabel 的高度和宽度

】如何调整字体大小以适应UILabel的高度和宽度【英文标题】:HowtoadjustfontsizetofitheightandwidthofUILabel【发布时间】:2016-01-2217:29:58【问题描述】:我有一个正方形UILabel(黄色),其中包含一个字母。我使用thisSOanswer中的以下代码... 查看详情

swiftios-swift调整字体大小以适合rect(代码片段)

查看详情

如何设置导航栏标题的字体大小

】如何设置导航栏标题的字体大小【英文标题】:Howtosetthefontsizeofnavigationbartitle【发布时间】:2016-01-3014:37:35【问题描述】:我尝试设置导航标题和其他项目的字体大小。我该怎么做?有很多答案提示我们可以使用方法uinavigation... 查看详情

iOS7 - 调整多行标签的字体大小以适合其框架

】iOS7-调整多行标签的字体大小以适合其框架【英文标题】:iOS7-Adjustingfontsizeofmultilinelabeltofititsframe【发布时间】:2015-05-0719:52:57【问题描述】:我需要在UILabel的框架中添加多行属性文本。阅读此线程Howtoadjustfontsizeoflabeltofitthere... 查看详情