12.12关于详情页面的完结以及新开的移动端

原创 15102883200 随笔 HTML学习 847阅读 2017-12-12 23:03:46 举报

昨天完成了关于pc端淘宝的第三个页面即详情页,到目前为止,PC端整站页面的练习也算是告一段落。
这是最后做出来的详情页的效果图。

12.12关于详情页面的完结以及新开的移动端

从昨天早上开始,进入到了移动端的学习过程中,整个过程中与PC端最大的不同就在于缩放比例的调整,以及单位的选择。
由于是移动端,所以每个访客的手机屏幕尺寸和分辨率可能都是不同的,所以需要动态的设置缩放比例以适应所有的访客屏幕。
这就导致无法固定的设置大小,所以就需要用一个合适的比例及每个页面各自的比例尺来确认元素的尺寸大小。

这是移动端与pc端最大的不同(目前我觉得)。

其他就没什么了,开发起来和开发pc端没什么区别。
这是今天的进度,明天还会继续编写接下来的代码。

12.12关于详情页面的完结以及新开的移动端

最后,上传下淘宝pc端三个页面的完整代码,以待日后回顾。

12.12关于详情页面的完结以及新开的移动端

12.12关于详情页面的完结以及新开的移动端

12.12关于详情页面的完结以及新开的移动端

·····················由于文件大小的问题,只得把img文件夹单独拿出来放。

评论 ( 1 )
最新评论