zblog调宽度的简单介绍

本篇文章给大家谈谈zblog调宽度，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何修改zblog文章自动生成摘要长度
• 2、博客主体长宽如何设置
• 3、请教一个iPhone手机自适应网页宽度的问题
• 4、如何修改zblog首页，列表页和内容页的宽

如何修改zblog文章自动生成摘要长度

您可以不用理会这项功能，没什么太大的功能影响

您点击的话会在博客首页 文章分类页 显示的是内容是文章摘要

您不点击的话会在博客首页 文章分类页 显示的是内容是文章整篇内容

博客主体长宽如何设置

页面宽度 STYLE type=text/css .bodyTop{width:900px;} .bodyBg{width:900px;} .bodyBottom{width:900px;} .feeds .text{width:640px;} .label{width:240px;} .photo{width:240px;} .callboard{width:240px;} .links{width:240px;} .calendar{width:240px;} .sysBr180{width:240px;} /STYLE 这个就是修改新浪博客页面宽度的代码了，先来看看它们的意思。 .bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度 .bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化） .bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 .feeds .text 指的是正文部分的宽度（也就是文章部分的宽度） .label 指的是面板的宽度（其值加正文宽度的值应略小于整页的宽度） .photo 指的是形象照片面板的宽度（同上） .callboard 指的是公告栏的宽度（同上） .links 面板（也即最新留言、最新评论等面板）宽度（同上） .calendar 日历的宽度（同上） .sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。 width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。 具体操作方法如下： 点击管理博客——新增空白面板——先在空白面板上敲一下空格键——勾选“显示源代码”（这时你会看到面板中已经有一行代码了：DIVnbsp;/DIV）——将上面代码粘贴在DIVnbsp;/DIV后面——保存——定制个人首页——添加模块－－选取新增面板——保存设置

请教一个iPhone手机自适应网页宽度的问题

1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下： meta name="viewport" content="width=device-width, initial-scale=1" / 这段代码支持Chrome、Firefox、IE9以上的浏览器，但不支持IE8以及低于IE8的浏览器。 2、在CSS文件尾部增加针对不同屏幕分辨率的规则。 例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。以下代码针对Z-Blog，WordPress相关标签名称只需修改一下即可。 @media screen and (max-device-width: 480px) {#divMain{float: none;width:auto;}#divSidebar {display:none;} } 3、布局宽度使用相对宽度。 网页总体框架可以使用绝对宽度，但往下的内容框架、侧栏等最好使用相对宽度，这样针对不同分辨率进行修改就方便。当然也可以不用相对宽度，那就需要在 @media screen and (max-device-width: 480px) 里面增加各个div的针对小屏幕的宽度，实际上更麻烦。 4、页面使用相对字体（非必要） 在HTML页面上不要使用绝对字体（px），而要使用相对字体（em），对于大多数浏览器来说，通常用 em = px/16 换算，例如16px就等于1em。 5、图片自适应（非必要） img标签的话，只需要设置 max-width: 100%;或width:100%; 语句为：img { max-width: 98%; } css加载的background-image如何自适应大小呢，其实CSS3中是可以实现的，添加如下语句：background-size:100% 100%; 根据上面讲述的几点内容，我针对我博客的CSS进行了一些修改，发现可以从iPhone手机浏览到体验更佳的页面，但有一个问题没有解决，就是顶部导航栏navbar显示有问题，换行后被下面的文章盖住了，不知道怎样能更好地解决这个问题（更新：经过网友提示，在导航栏divNavbar的样式里，加入 white-space:nowrap; overflow:hidden; 即可解决这个问题）。

如何修改zblog首页，列表页和内容页的宽

找到主题的css文件，在css文件中找到页面宽度的样式，然后修改参数。不同的人用的样式名都不同，所以具体是哪个样式我就不知道了，一般是body之类的。

zblog调宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、zblog调宽度的信息别忘了在本站进行查找喔。