谁有移动端网页开发规范?
发布网友
发布时间：2022-04-26 10:13
共2个回答
懂视网
时间：2022-04-21 08:09
最开始字体统一1.2em，在设计稿640宽的环境下，页面和设计稿基本一致，挺好看的，但是如果在小屏手机中，因为banner图缩小到屏幕一样宽，就等比缩小了，而文字还是原来那么大，字体就会显得特别大。然后我的处理方式是用css媒体查询，判断在屏幕宽度哪个范围 就用多大的字体。
我移动web开发时间不长，请教下大神，这么做，是否有必要，或者有更好的处理方式？
回复讨论(解决方案)
这个都不太清楚了，因为一般是使用px作为大小单位的。
你可以用rem试试，或许效果更好
没必要
同一楼的一般是使用px作为大小单位
手机页头应该这么写：
这事当初折腾了我好长时间
最初我以为js脚本获得的屏幕宽度，就是实际宽度。
但实际上还有个“设备像素比”的东西
http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/ 设备像素比devicePixelRatio简单介绍
然后我又非常野蛮的把屏幕宽度还原为真实像素，用的这句：
结果是确实还原了，但悲催的是分辨率很高的小屏手机，完全看不清字了。
于是又用css媒体查询写不同的样式表，结果发现这条路越走越死，那么多页面，不同的css完全写不过来。
请教了人，回归老路，写页头的那几行，让手机自动缩放吧。
所有定位改回百分比定位
字体大小和网页一致，比如正文用16px像素，不必根据不同手机的不同分辨率大小，去做媒体查询。
一切安心
一些图片高度有要求时，只定义宽度不定义高度，任其自动缩放。
如果还有特殊要求的，就js等待页面载入后，重新根据宽度计算图片高度。
手机页头应该这么写：
这事当初折腾了我好长时间
最初我以为js脚本获得的屏幕宽度，就是实际宽度。
但实际上还有个“设备像素比”的东西
http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/ 设备像素比devicePixelRatio简单介绍
然后我又非常野蛮的把屏幕宽度还原为真实像素，用的这句：
结果是确实还原了，但悲催的是分辨率很高的小屏手机，完全看不清字了。
于是又用css媒体查询写不同的样式表，结果发现这条路越走越死，那么多页面，不同的css完全写不过来。
请教了人，回归老路，写页头的那几行，让手机自动缩放吧。
所有定位改回百分比定位
字体大小和网页一致，比如正文用16px像素，不必根据不同手机的不同分辨率大小，去做媒体查询。
一切安心
一些图片高度有要求时，只定义宽度不定义高度，任其自动缩放。
如果还有特殊要求的，就js等待页面载入后，重新根据宽度计算图片高度。
感谢你的回答，可能是我表达不是很好，我现在能够正确的设置字体的大小，用到了您说的像素密度设置.但我的问题不是这个
我现在的情况是下图这样
大屏640 ：
但是到小屏手机上，如果不动态调整字体大小的话，字体还是那么大，但是因为banner图被压缩得小了,显得字就变大了很多
不知道您这么看待这个问题
所有的尺寸（除%的以外）都以 em 为单位
所有的尺寸（除%的以外）都以 em 为单位
我现在文字是用em，图片100% ；
不明白你的解决方案是？
我觉得不变也OK，如果用户分辨率变了他看得不舒服的也不仅仅是你的网页了，他肯定会调到自己舒服的来看，当他调到自己舒服的时候，你又变了。。。
看体验吧，根据Media Queries去设置不同的显示效果是获得各种屏幕大小下最好体验的一种方式，你只要有时间可以这么做嗯
我现在能够正确的设置字体的大小，用到了您说的像素密度设置.但我的问题不是这个
但是到小屏手机上，如果不动态调整字体大小的话，字体还是那么大，但是因为banner图被压缩得小了,显得字就变大了很多
不知道您这么看待这个问题
特别不协调的页面，用媒体查询改一下字体大小。
或者也可以考虑让美工把小屏手机的图片重做成合适的。
反正我的原则是最小的字体，不论小手机还是大手机，都要看得清。
热心网友
时间：2022-04-21 05:17
手机网页编码需要遵循什么规范？
遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。
网页文档推荐使用扩展名？
推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。
为什么现今大多数的网站一行字数上限为14个中文字符？
由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。
使用WCSS还是CSS?
WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联*性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。
避免空值属性
如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。
网页大小*
建议低版本页面不超过15k，高版本页面不超过60k。
用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？
有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小*等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。
