Web前端页面的自适应开发技术。自网络诞生以来，科技的进步，使各种手机在大家的日常变得愈加普及，大家可以通过手机来借助网络进行工作、娱乐和学习，这也使开发职员在对Web前端页面进行开发时，需要充分考虑相同网页怎么样才能在不同设施中进行显示，以便于使网页可以与设施的屏幕大小相匹配，从而使网页的成效得以最好呈现出来。对于部分网站，其在解决该问题时，需要依据设施种类的不同来对不同版本的网页进行制作，这无疑加强了网页的维护困难程度。而HTML5技术的出现，使其可以对Web前端页面进行自适应设计，以此来解决网页对不相同种类型设施屏幕大小的自适应调整问题。借助HTML5技术对Web前端页面进行自适应开发时，主如果通过以下办法来达成的，第一是在HTML文档的meta标签name属性值中输入viewport指令，并将viewport指令的宽度设置为与设施屏幕的宽度相同，并禁止用户对网页进行手工缩放。第二，对web前端页面的宽度及字体进行数值调整，在数值调整时，不可以将它进行绝对数值的设置，而是应根据相对数值的百分比或是自动值来进行设置，字体则应使用相对值rem来进行设置，如此便可对字体的比率进行大小调整。最后，通过媒体查看来对CSS样式进行实行，在CSS3中，媒体查看作为一种新的办法，其可以依据设施种类的不同而实行与之相匹配的CSS样式。
