现在的那些去做欧易店铺的人大都知道,全屏的那个页面其实就是展示品牌形象最直接的一个窗口。不过, 一旦打开了后台以后看到那些满屏到处都是的代码框, 许多人都会直接就发懵了。
其实呢, 做关于欧易店铺的全屏代码生成这件事儿, 并没有大家想象之中那样难如登天。里面的核心关键就在于那么几个参数, 只要你把这些参数搞懂了, 十分钟左右的时间就能完全跑得通顺。
关于欧易全屏代码的设置方法, 你具体应该怎么样去进行操作呢。
你先去打开欧易店铺后台的页面装修模块, 之后选择那个叫“全屏自定义”的选项, 然后系统就会弹出一个可供你输入代码进行编辑的区域了, 接下来你需要把这个宽度也就是width设置成百分之百视口宽度即100vw, 把高度也就是height设置成百分之百视口高度即100vh, 再把溢出隐藏也就是overflow设置成hidden, 这三行代码就像是整个地基一样重要, 只要你把这三行都写好了, 那么写好的页面就能成为真正的全屏效果了, 同时页面的滚动条也会随之消失不见的。
绝大多数人在编写代码的时候, 非常容易忽略掉一个非常非常重要的步骤, 就是声明Viewport这个属性, 你必须在你的代码最顶端的位置, 加上一行这样的代码, 只有这样, 移动端设备和PC端设备的显示效果才能彻底地对齐, 如果不这样做的话, 在手机上面进行预览的时候, 你就会发现屏幕边缘会莫名其妙地多出好几像素那样的缝隙, 这绝对是一个让人很头疼的问题。
很多人会问欧易全屏代码这个东西能够兼容哪些类型的模板。
实际情况表明, 欧易平台所提供的所谓极简全屏模板, 在兼容性方面表现最为优异, 只需将相关代码直接粘贴进去, 便能够立刻运行起来。
如果选择使用第三方设计的模板, 则有必要仔细检查其内部配置, 查看是否存在预设的填充属性与边距属性。这些数值的存在, 往往会在无形之中影响并削弱你所期待的全屏视觉效果。因此, 务必将其修改为零, 完成更改后记得保存设置。
欧易店铺后台在每周的固定时间会进行一次渲染引擎的更新工作, 在这个过程中, 难免会出现一些CSS样式冲突的情况。
当你发现页面显示出现异常状态的时候, 千万不要感到惊慌失措, 应该按照正确的操作步骤去处理, 也就是先清除一下浏览器的缓存数据, 然后再重新刷新网页一遍, 通常情况下, 只要这样操作了, 绝大多数问题情况都会立即恢复如初。
当代码能够成功运行之后, 请务必在预览模式下进行查看, 并且需要分别针对iPhone设备和iPad设备各浏览一遍。虽然在全屏视图下看到代码时可能会感觉非常简单, 但是落实到实际操作环节中, 其中的细节直接决定了整体的视觉感受, 所以多尝试几遍事情就会变得顺畅起来。
