拼图Pintuer官方文档_1_0_2CSS.pdfVIP

CSS,CSS重定义-拼图Pintuer 2014/8/30 欢迎使用 图响应式前端框架 广告合作 CSS重定义 重新定义常用的CSS ，对文本、图像、按钮、背景、表格等样式重新设置。 概述 图跨屏响应式前端框架 ，针对常用的CSS基本重新定义 ，使其更符合实际应用 ，更适合中文的字符效果。 HTML5文档 图前端框架部份效果需要采用HTML5文档格式 ，使用 图前端框架需要采用HTML5的文档类型 ： !DOCTYPE html html lang=zh-cn ... /html 移动设备优先 图前端框架针对移动设备做了友好开发 ，使项 目在移动设备上有良好的表现 ，及优秀的用户体验。 为了确保适当的绘制和触屏缩放 ，需要在之中添加viewport元数据标签。 meta name=viewport content=width=device-width, initial-scale=1.0 在移动设备浏览器上 ，通过为viewport meta标签添加user-scalable=no可以禁用其缩放 （zooming ）功能。这样禁用缩放功能后 ，用户只能滚动 屏幕 ，就能让你的网站看上去更像原生应用的感觉。注意 ，这种方式我们并不推荐所有网站使用 ，还是要看你自己的情况而定 ！ meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no 容器 在 图前端框架中 ，代码效果都包含在.container容器里。 !DOCTYPE html html lang=zh-cn head ... /head body div class=container ... /div /body /html 容器空间 / tyle/index/id/2 1 / 34 CSS,CSS重定义-拼图Pintuer 2014/8/30 .container容器左右各含10px的内填充(padding) ，如果需要宽度100%容器 ，请使用.layout样式。 容器大小 在不同屏幕大小 ，.container ，具体表现为超小屏幕 ：自动 ；小屏幕 ：760px ；中屏幕 ：1000px ；大屏幕 ：1200px ；当不需要限制容器宽度 时 ，请使用.container-layout容器。 div class=layout ... /div div class=container-layout ... /div 建议的文档模版 在项 目中 ，对于初学者 ，我们建议采用此文档格式 ，同时也可以根据 自己的需求修改代码。 !DOCTYPE html html lang=zh-cn head t