Manual:Mobiles, tablets and responsive design/zh

MediaWiki 可在许多移动设备（即智能手机和平板电脑）上运行，但它“未”针对移动设备进行优化. 除非您添加额外的皮肤或扩展，否则这意味着网站可能很难查看，菜单、布局和媒体不会出现在最佳位置.

除了 Timeless 皮肤外，与 MediaWiki 捆绑在一起的所有皮肤（包括最新的默认皮肤）都没有针对手机使用进行优化. 本页面提供有关在移动设备（例如智能手机和平板电脑）上使用 MediaWiki 的建议.

解决方案
There are two common approaches:


 * is already bundled with MediaWiki. Make sure it is registered in LocalSettings.php so it is available as a setting in preferences. Consider using it as the.
 * is bundled with MediaWiki since version 1.38. Its mobile mode requires installing . This is the method Wikipedia uses.

扩展

 * - 提供用于维基媒体移动应用程序的样式和脚本的简单应用程序
 * - 提供适合移动设备的视图. 由维基媒体开发，并在维基百科上使用.  仅安装此扩展程序本身将使您的 MediaWiki 网站适合移动设备，并且它包含自己的皮肤.

皮肤
如果您使用皮肤，则不需要扩展. 用于移动浏览器的皮肤有两种形式：


 * 1) 那些专为移动设备使用而设计的内容，在非移动设备上可能效果不佳. MediaWiki 检测其运行的设备类型，然后切换到适当的皮肤.  （参见 Extension:MobileDetect）
 * 2) - 使用移动主题格式化您的 wiki 的皮肤
 * 响应式皮肤，旨在自动响应屏幕尺寸，无论是台式电脑、平板电脑还是智能手机.
 * 1)  - optimized for Semantic wikis
 * 2) - customizable with five different layouts
 * 3) - uses responsive CSS to adapt to mobile devices
 * 4) (MW 1.31+) - Wikimedia skin that supports responsive design
 * 5) ...and more!
 * 1) (MW 1.31+) - Wikimedia skin that supports responsive design
 * 2) ...and more!
 * 1) ...and more!

CSS & JS
When using, you can edit the wiki pages  (see ) and   for global styles and scripts to be applied only on mobile.

Developers
See also:


 * - Projects, extensions and other pages related to Mobile device development and presentation.
 * - responsible for creating, growing, and evolving how the diverse set of Wikimedia projects use mobile technologies
 * (MW 1.21+) - Whether or not to output high-resolution images for high-DPI displays.
 * (MW 1.15+) - allows users to control which content is displayed only in mobile browsers, or only on desktops
 * - Skins for mobile devices