移动端响应式布局@800px📅 2026-01-26  |  👁 3948 次浏览

DaoKeCMS框架不内置移动端框架。请用@media screen and (max-width: 800px)(default模板的量级)自行补窄屏布局。

最低要求

  • 导航可折叠
  • 图片max-width:100%
  • 字号不溢出
  • 至少保证800px以下布局正常

CSS示例

@media screen and (max-width: 800px) {
    .nav { display: none; }
    .nav-toggle { display: block; }
    .container { width: 100%; padding: 0 15px; }
    img { max-width: 100%; height: auto; }
}

参考default模板的@media量级,确保在移动设备上也能正常浏览。

芒阳网络团域cms开发中心

Copyright © 2023 刀客CMS内容管理系统