2 weixin 34883372 weixin_34883372 于 2016.09.25 15:55 提问

移动端页面手机测试和字体大小

做好的移动端网页,需要用那几种手机测试,按屏幕大小划分吗,大中小英寸屏幕,还是分辨率划分?
另外我想了解目前手机网页,高度设置和文字大小是用的什么单位,固定像素,还是rem,我发现rem大屏的时候文字太大,不美观,尤其是有固定导航之类的小屏的时候还妥妥的,换大屏高度过高的直接遮住几乎半个屏幕…不知道目前手机端应该怎么做。望大神门赐教!!感激不尽!!

1个回答

devmiao
devmiao   Ds   Rxr 2016.09.26 01:05
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
真机测试本地移动端页面
要在真机上测试本地页面,我所介绍的方法都基于条件2个:     1、真机和PC端都是在同一个局域网内。     2、要输入本地的IP地址才能访问(命令行中输入ipconfig查看    IPv4 地址 . . . . . . . . . . . . : 192.168.x.xx) 方法一:使用phpstudy 使用phpstudy的方法自行百度(挺简单的)。 通过phpstudy访问的页
移动端网页中文字大小的设定
最近在做移动端的网页,类似于web app的小应用。发现文字大小这块开始的时候不知道改怎么设定。查了网上的质料,发现有些用px单位,有些用em单位的,但是少部分用的是rem单位。而我做的是使用jQUery mobile 框架来弄的。所以使用em作为单位。当然有时候在处理距离的时候还是用了px单位。也用了%单位,和em单位。我大概认为的几点:如果是以这个文字大小的话,body{ font-size:6
移动端项目如何在手机上面做测试
引言最近在看vue2.0,然后仿写饿了么,但是怎么把自己写好的项目在手机上面测试呢,比如移动端的1pxbiang看问题,在电脑模拟的手机端是看不到的。下面开始介绍方法: 用webstrom启动vue项目,然后可以看到浏览器上面的项目网址,例如:http://localhost:8080/goods,然后需要把localhost换成自己的ip地址。 那么怎么查看自己的ip地址呢? 点击
移动web开发之移动端真机测试
chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的。所以,真机测试是一定要做的,如何高效地进行真机测试呢。个人感觉,还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试特性   BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改,而不用刷新操作。而且,当在其他一个设备上进行点击等行为时,该行为也会同
页面在手机上测试的方法
1.webstorm软件 (1)设置 (2) 允许外部访问 2. cmd---Ipconfig-查看ipv4地址 3.在网页中打开,把localhost换成你的ip地址,然后复制链接发到手机即可。只能是在同一个局域网里面才行
移动端字体大小适配
接下来是个人的理解,网上的资料太杂太乱,得细心看才能找到精华。 css3字体有了“rem”单位,来解决屏幕适配问题。 它与px的区别:px设置了字体大小就不可变,rem是可以根据根元素html的字体的大小而变化的。 接下来就是用法: 原理:随着html的font-size的变化,rem变化。 思路:只要我算出来不同屏幕字体比例大小就可以了。 vw是 Viewport宽度, 1vw 
解决移动端字体大小与设定大小不同的问题
前段时间回头去写纯静态Html页面,涉及到手机端匹配的时候,遇到了特别棘手的问题 如图,设置font-size是14px,可是Chrome实际渲染是42px。但是同页面另外同样的标签却没有任何问题 所有的CSS样式都删除依然无法生效,在想是不是动态设置了viewport的问题? 问题依然无法解决,直至偶然看到一篇文章:Font Boosting 才算是彻底解决了这
移动端根据设备大小设置字体大小(居于案例的理解扩展)
1、问题描述: 拿到公司里以前写好的网页查看,发现它的CSS中有这样一些东西: /*设备竖屏时的样式*/ @media all and (orientation : portrait){     .video_bg{         position:fixed;         z-index: -9999;         width: 100%;         backgr
移动端html5手机网站字体单位font-size选择px还是rem
移动端html5手机网站字体单位font-size选择px还是rem 分为两种情况: ①对于只需要适配手机设备,使用px就可以了   ②对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。   rem参考代码: html {font-size:10px}   @media screen and
【解决】移动端设备·横竖屏时页面内容字体大小调整的问题
【解决】移动端设备·横竖屏时页面内容字体大小调整的问题 首先判断是不是横竖屏导致的问题,所以要代码检验一下。 window.orientation 对象在手机上才可生效。 添加属性text-size-adjust: 100%;即可 ~