本文介绍的是一电子芯片研发设计类的模板,专为企业通用、HTML5响应式、电子芯片、智能电表技术方案、接口电路、集成电路、传感器类企业设计。该模板具有很强的适用性,可适用于各行业的企业网站。通过使用织梦最新内核开发的模板,用户可以实现自适应各种移动设备,而且只需一个后台即可实现数据即时同步,使用简单方便。
该模板采用原创设计,手工书写DIVCSS,完美兼容IE7、Firefox、Chrome、360浏览器等主流浏览器,页面设计简洁清晰,易于管理,适用于DEDE内核。模板还附带了测试数据,方便用户测试使用体验。通过微信扫一扫即可联系客服,提高了用户的交互体验。
以流动布局和rem以及CSS3媒体查询来布局,如果单纯适配手机端的话,一般一套设计图就可以了,使用rem,字体大小和图片都可以根据屏幕进行缩放,以下是Javascript代码。 (function (doc, win) {var docEl = ,resizeEvt = orientationchange in window ? orientationchange : resize,recalc = function () {var clientWidth = ;if (!clientWidth) return; = 20 * (clientWidth / 1400) + px;};if (!) return;(resizeEvt, recalc, false);(DOMContentLoaded, recalc, false);})(document, window);
前提是你要有手机的网站模板,可以在后台-应用商店直接安装免费的手机网站模板,在设置-基本信息当中开启手机版,再去外观-手机里面启用刚才安装的手机模板即可,如果你使用的是响应式模板,则无需开启手机版功能
我之前做响应式设计,都是让美工设计几套设计图,一般美工逃离,基准设计图等比例缩放,其实,这样是不好的,后来,采用流动布局和rem,就只需要一套设计图了,当然,响应式设计其实在全平台的适配,那样PC、pad、手机各一套设计图比较好,要是只是兼容手机(不含平板),使用rem和流动布局是最好的,可以通过Javascript来控制根元素的默认字体大小,代码如下。 (function (doc, win) {var docEl = ,resizeEvt = orientationchange in window ? orientationchange : resize,recalc = function () {var clientWidth = ;if (!clientWidth) return; = 20 * (clientWidth / 1400) + px;};if (!) return;(resizeEvt, recalc, false);(DOMContentLoaded, recalc, false);})(document, window);其中,20和1400是根据你的设计图来改变的。
本文地址:https://xydh.cn/zuixinwz/092df3dea3dccf6ad7f8.html
上一篇:作业帮宣布进军书桌市场...
下一篇:农历八月十七9月12日用60秒读懂世界...