根据测试结果，可以对初始 fontsize 进行微调，以达到最佳的显示效果。综上所述，使用 rem 做移动端网页 fontsize 初始设置时，关键在于选择一个方便后续计算的合适值。这个值可以根据项目需求、设计稿尺寸、设备屏幕宽度等因素来确定。
首先，初始化根元素的font-size非常重要，通常设置为65%，使得1rem等于10px，避免了小数计算的麻烦。在处理不同分辨率时，设置viewport确保页面缩放的兼容性，比如常用3360、414等宽度作为基准。针对不同分辨率，可以使用CSS媒体查询来动态调整HTML的font-size。
确定设计图的最小字体，浏览器（部分）能够显示的最小字体为12px。当移动端页面宽度为320px时，最小字体为12px，那么在1080px的设计图中，最小字体应为42px。代码实例：html { font-size： 42px； } 按照设计图的像素进行开发，进行网页开发即可。
具体步骤包括在HTML文件中引入lib-flexible的CSS文件，并在body元素中设置rem单位的基准值，通常建议将基准值设置为视窗宽度的百分比，如：body{font-size：65%}。这样，在页面中设置元素的字体大小时，可以使用相对单位（如em或rem），从而使字体大小与视窗宽度保持一定比例，实现跨设备的一致性。
1、切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。
2、UI切图是指将设计师设计好的界面图案转化为切片，以供开发人员使用的过程。以下是关于UI切图的详细解释：目的与意义：目的：将设计稿转化为开发人员可以直接使用的资源。意义：确保用户在不同设备和浏览器上都能获得良好的使用体验。所需工具与技能：工具：Photoshop、Sketch等专业设计软件。
3、切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。
4、切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。所以可以用摹客之类的专业工具来自动切图。
1、在手机上不能固定宽度，要按百分比写页面宽度。才能自适应设备。主要是这两点，当然细节上面还有很多和PC端不一样的地方。指向文件错误，比如你的网页文件在A，但是你却指向了B。你把指向的文件放到网页文件内在试试。如果下载下来的图片大小规格完全一样的话，在photoshop中设置一个动作，就能批量处理了。
2、例如，通过设置百分比宽度而不是固定像素宽度，可以让元素随着屏幕宽度的变化而自动调整大小。同时，利用媒体查询，开发者可以为不同的屏幕尺寸定义不同的样式规则。这样，当屏幕尺寸变化时，网页会自动应用最适合当前屏幕的样式。
3、在 Photoshop 中为手机端网页设计时，中间内容区宽度一般不小于1000px，高度不限制。导航栏应根据最大分辨率设计，通常1920px足够。操作步骤包括： 创建新文档。 使用圆角矩形工具绘制路径。 设置前景色为白色。 删除背景图层。
