- ?
自适应网页设计的方法
符幼菱
展开
Google中国日前进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,这里我将该讲座内容简要的整理一下。
1、在HTML头部增加viewport标签。
在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:
这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。
2、在CSS文件尾部增加针对不同屏幕分辨率的规则。
例如使用如下的代码,可以让屏幕宽度低于480像素的设备(如iPhone等),网页侧栏隐藏中部内容栏宽度自动调节。以下代码针对Z-Blog,WordPress相关标签名称只需修改一下即可。
@media screen and (max-device-width: 480px) {
#pMain{
float: none;
width:auto;
}
#pSidebar {
display:none;
}
}3、布局宽度使用相对宽度。
网页总体框架可以使用绝对宽度,但往下的内容框架、侧栏等最好使用相对宽度,这样针对不同分辨率进行修改就方便。当然也可以不用相对宽度,那就需要在 @media screen and (max-device-width: 480px) 里面增加各个p的针对小屏幕的宽度,实际上更麻烦。
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显示有问题,换行后被下面的文章盖住了,不知道怎样能更好地解决这个问题(更新:经过网友提示,在导航栏pNavbar的样式里,加入 white-space:nowrap; overflow:hidden; 即可解决这个问题)。
下图是使用iPhone访问的,经过修改CSS为自适应网页后的月光博客首页页面,看起来比原始的未优化页面好多了吧。
总之,根据上面四步进行修改的话,可以很简单地将一个网站修改为适合多种设备浏览的页面,这对于通过手机访问网站的用户来说,的确是一件好事。
- ?
word表格技巧:几个快速调整表格的小方法
童文博
展开
日常办公中,我们常会用Word来制作一些简单的表格,例如,个人简历、日程表、工作安排表等.......
但许多人在使用Word制作表格的过程中,习惯性地使用鼠标操作,调整表格大小、行距、位置都全靠鼠标来完成。有时候,使用鼠标操作并不是最快捷的方式,其实还有其他方法能够提高操作效率。
因此,小编下面将为大家分享几个日常工作中经常需要用到的Word表格调整小技巧,就算是菜鸟也可以快速掌握哦~~~
1、快速精确地移动表格位置
在Word调整表格位置时,如果想要左右移动表格到合适的位置,我们通常会先将鼠标光标移动到表格的左上角,直到左上角出现控制柄图标后,再用鼠标左键按住控制柄,拖动表格即可移动表格的位置。但其实还有一招简单的方法,可以快速移动。
操作方法:选中表格后,在页面顶部使用鼠标拖动标尺,即可左右精准地移动表格位置。
技巧提示:点击【视图】-【显示】组,勾选“标尺”复选框,即可在页面顶部显示标尺。
2、自动调整表格
你会发现,默认情况下,Word中无论插入的表格是多少列,它都会自适应页面的宽度;或者从Excel中复制到Word中的表格,往往大小和Word不匹配。就造成表格要么太大,要么太小,非常不美观。这些时候,如何快速调整表格大小呢?
操作方法:你只需要选中表格,点击【表格工具】-【布局】-【单元格大小】-【自动调整】按钮,然后选择【根据内容自动调整表格】命令,即可让表格自动适用于文字内容。如果选择“根据窗口自动调整表格”命令,则可以快速让表格自适应文档页面宽度。
技巧提示:有些表格实在太宽,数据也不能删除,大小也不容易调整,这时可以切换到“视图”菜单下,使用“Web版式”查阅、编辑表格。
3、快速统一表格行高、列宽
在制作表格时,由于表格中每列数据内容不同,我们时常会根据数据长度来调整表格的行高或列宽,但逐个调整起来十分麻烦,如果调整后的表格行高或列宽不一致,还会让表格非常不美观。那么,为了让表格行高或列宽快速统一,并整齐规范,应该如何操作呢?
操作方法:选中表格,点击【表格工具】-【布局】-【单元格大小】-【分布行】和【分布列】按钮,即来快速将表格行高和列宽进行统一。
这三个操作都很简单,只要熟悉记住就能用好!
****部落窝教育-word表格快速调整技巧****
原创:部落窝教育(未经同意,请勿转载)
- ?
Excel实用技巧06、利用文字旋转让宽度较窄的单元格容纳更多文字
郁寻双
展开
利用文字旋转让宽度较窄的单元格容纳更多文字
当单元格在宽度较窄、高度足够的情况下,我们可以通过多种方式旋转文字方向来显示全部文字:
1、点击开始菜单下的文字竖排图标,可将文字由横排变成竖排,利用高度显示全部文字;
2、向上旋转文字,文字被逆时针旋转了90度,文字顺序由下向上排列;
3、向下旋转文字,文字被顺时针旋转了90度,文字顺序由上向下排列;
4、逆时针角度,将文字45度倾斜,注意,这种格式除了文字,单元格如果有边框或底色,也会随之改变,我们可以利用这个工具,对表格进行美化;
5、顺时针角度,此工具与逆时针角度一样,只是方向不同。
关注我们,接收每日更新,查看更多Excel小技巧:
Excel表格实用技巧01:将阿拉伯数字快速批量转换成中文小写或大写
Excel表格实用技巧02:单元格合并及取消合并的三种方式
Excel表格实用技巧03、粘贴如何去除格式?粘贴只保留内容的方法
Excel表格实用技巧04、巧用格式刷快速复制表格样式
Excel表格实用技巧05、快速给单元格添加边框,原来边框可以画出来
- ?
Excel如何让隔开的列宽度相同
惜霜
展开
因为Excel单元格中内容的长度不同,所制作的表格中各列的宽度也会不同,有时为了让表格看起来更规整,可能会想将不相邻的两列或者多列设置成相同的宽度,这里介绍如何快速实现这个目的,以供参考。
先移动鼠标,将鼠标指针指向要设置的第一列的列标处,当鼠标指针变成下图所示的箭头形状后,点击鼠标左键,则这一整列就会被选中。
选中第一列后,再将鼠标指针指向要设置的第二列的列标处,然后按住键盘的“Ctrl”键不放,点击鼠标左键。这样会让之前选中的列和这一列都处于被选中的状态。
用同样的方法,按住键盘的“Ctrl”键不放,点击鼠标左键选中其他要设置宽度的各列。
将所有要设置宽度的列全部选中后,可用以下方法将所选的各列设置成相同的宽度。
方法一:将鼠标指针指向任一所选列列标的边缘,当鼠标指针变成下图所示的左右箭头形状后,按住鼠标左键不放,向左或者向右拖动鼠标,将该列宽度调整至合适大小。
再松开鼠标左键,则其他各被选中列的宽度也会变成同样的宽度。
方法二:选中各列后,在任一所选列的列标上点击鼠标右键。
点击后会弹出菜单,用鼠标左键点击菜单中的“列宽”选项。
点击后,会弹出“列宽”对话框,在其中输入要设置的列宽数值,然后点击对话框的“确定”按钮,被选择的各列就都被设置成该列宽了。如果设置后感觉列宽不合适,可以重新按此方法输入列宽数值进行调整。
- ?
Excel表格打印怎样调整高度和宽度?
郑水儿
展开
选中需要打印的区域,选择:页面布局--打印区域--设置打印区域;
选择:页面布局--打开页面设置;
选择:页面,调整缩放比例,或者“调整为1页宽1页高”;
选择:页边距,调整四个方向的页边距,或者选择:居中方式,勾选“水平居中”、“垂直居中”;
以上操作,需要适当调整行高、列宽,并点击打印预览,查看打印效果,确保行高列宽选择适当,布局称体。
(本文内容由百度知道网友505548375贡献)
- ?
Excel表格常用8个技巧,工作效率提升必备技能,学会秒变办公高手
痰盂
展开
8个不起眼的Excel表格小技巧,助你快速提升工作效率,学会你就是职场办公高手。
今天就以Excel表格2016版本为例,教大家8个常用Excel技巧,动画演示全过程,希望对大家有所帮助。
技巧一:快速按内容自适应调整列宽
如下图所示,选中Excel表格内容所有列,鼠标停留在两列分割线上,等鼠标光标变成双竖线时,快速双击鼠标即可,这里也可以在选中内容列后,在Excel表格开始菜单功能区点击格式下拉菜单,点击自动调整列宽实现同样功能。
技巧二:快速合并两列单元格内容
如图所示,将Excel表格B列和D列内容合并至H列,只需要在第一个对应单元格输入B、D两列对应单元格内容,将其它单元格一同全部选中,键盘按下Ctrl+E组合键即可。
技巧三:快速复制填充上一行内容
如下图所示,假如需要将Excel表格中上一行内容复制到下一行,只需要选中下一行对应单元格,键盘按下Ctrl+D组合键即可,对应内容及格式全部复制完成,需要几行就重复操作几次。
技巧四:快速复制多行数据
如图所示,将需要复制的内容全部选中,鼠标停留在右下角,等鼠标光标变成十字状时,按下鼠标左键同时按下键盘Ctrl键向下拉相对应行数即可。
技巧五:一次录入多个相同连续单元格内容
如图所示,先选中多个单元格,这里需要输入多少个相同内容就选择多少个单元格,选中后输入内容,按下键盘Ctrl+Enter组合键即可。
技巧六:快速插入多个空行
如图所示,需要从哪里开始插入空行,就选中这一行内容,鼠标光标放在最左侧单元格左下角十字,等鼠标光标变成十字后,鼠标单击同时按下键盘Shift键,鼠标按住不放向下拉,需要几个空行就拉几行。
技巧七:多行内容快速合并到一行
如图所示,选中多行内容,在Excel表格开始菜单功能区右侧,点击填充,点击内容重排即可实现,但是这里有个局限性,就是不能对包含数值和公式的单元格进行重排。
技巧八:复制区域内容至多个工作表
如下图所示,先按下Shift键不放,鼠标选中内容工作表及其他待复制工作表,复制区域内容,在Excel表格开始菜单功能区右侧,点击填充,点击至同组工作表,在填充成组对话框,选择全部,点击确定即可。
8个Excel表格常用小技巧大家学会了吗?大家如果有什么疑问,有什么建议,尽可以在评论区留言,如果觉得分享的技巧对您的工作有所帮助,欢迎大家点赞关注转发评论噢,也希望所有的分享能帮助到大家,谢谢!
- ?
在Excel中插入Excel、PDF、图片与打钩且让图片自适应单元格大小
粱凡阳
展开
有时需要把 Excel 文档、Word 文档和 PDF 文档插入到 Excel 中,应该用 Excel 的什么功能?在 Excel 中,有一项插入对象的功能,用它就可以把它们插入到 Excel 当前文档。另外,Excel 还有插入图片和截图的功能,并且插入的图片可以移到指定的单元格中,还能让图片自适应单元格大小。Excel 还有一项与 Word 一样的插入功能,就是插入符号,应用此功能,可以把打钩与带框的打钩插入到指定单元格。以下插入它们的具体操作方法,操作中所用版本为 Excel 2016。
一、在Excel中插入Excel文档
1、单击要插入Excel文档的单元格选中它,选择“插入”选项卡,单击屏幕右上角“文本”右上角的“对象”图标,打开“对象”窗口,选择“由文件创建”选项卡,单击“浏览”,打开选择文件的“浏览”窗口,定位到要插入 Excel文档所在的文件夹(如 G:\Excel文档),双击要插入的 Excel 文档(如“excel表格的基本操作”),返回“对象”窗口,单击“确定”,则所选文档插入到 Excel 中,操作过程步骤,如图1所示:
图12、用这个方法插入Excel只能插入一个工作簿,即只插入当前工作簿,也就是最后一次保存时在操作的工作簿。
二、在Excel中插入PDF
1、在Excel中插入PDF的方法与插入Excel文档一样,也用对象插入。选中要插入PDF的单元格,单击“插入”选项卡下的“对象”图标,打开“对象”窗口,选择“由文件创建”选项卡,如图2所示:
图22、单击“浏览”,定位到要插入的 PDF 文件所在文件夹,选择一个 PDF 文件(如 Word技术),如图3所示:
图33、单击“插入”返回“对象”窗口,单击“链接到文件”勾选它,如图4所示:
图44、单击“确定”,则 PDF 插入到 Excel 中,如图5所示:
图5提示:该方法一次只能把 PDF 文件的第一页插入到 Excel 中,如果一次要把所有页插入到 Excel 中,可以尝试用复制粘贴的方法,但有一个前提,PDF 中的内容必须能选中复制。
三、在Excel中插入图片到单元格且自适应单元格大小
1、选中要插入图片的单元格(如 A1),先把 A1 单元格调大以便于把图片放到其中;选择“插入”选项卡,单击“图片”,打开“插入图片”窗口,定位到要插入图片所在文件夹,双击要插入的图片,则所选图片插入到 Excel 中,把图片调到跟 A1 单元格差不多大小;右键图片,在弹出的菜单中选择“设置图片格式”,在右边打开“设置图片格式”小窗口,选择“大小与属性”图标,单击“属性”展开,选择“大小和位置随单元格而变”;经此设置后,把单元格缩小或放大时,图片也随之变小变大;操作过程步骤,如图6所示:
2、图片属性除“大小和位置随单元格而变”外,还有“大小固定,位置随单元格而变”和“大小和位置均固定”,可以根据需要选择。
提示:把单元格拉大时,如果单元格大小超过了图片插入时的大小,即使选“大小和位置随单元格而变”,图片也不会再变化。
四、在Excel中截图
(一)截当前窗口
选择“插入”选项卡,单击“屏幕截图”,在弹出的菜单中列出了当前打开的所有窗口,选择要截的窗口,则所选窗口被截到 Excel 中,操作过程步骤,如图7所示:
图7(二)框选截图
1、单击一下 Windows 任务栏要截图的窗口,然后单击 Windows 任务栏的 Excel 切换到 Excel 窗口,选中用于放图片的单元格(如 A1),选择“插入”选项卡,单击“屏幕截屏”,在弹出的菜单中选择“屏幕剪辑”,如图8所示:
图82、切换到要截图的窗口,鼠标随即变为一个十字架,按住鼠标左键并移动以框选要截的部分,如图9所示:
图93、框选好后放开鼠标左键,则框部分被插入到 Excel 指定的单元格,把单元格调大,让图片恰好在其中,如图10所示:
五、在Excel中插入打钩与带框的打钩
1、选中要插入打钩的单元格(如 N1),选择“插入”选项卡,单击屏幕右上角的“符号”,打开“符号”窗口,当前为“符号”选项卡;单击“字体”下拉列表框,选择“Wingdings 2”,打钩和带框的打钩在第四行左边,选中打钩,单击“插入”,则打钩插入到单元格 N1 中;选中带框的打钩,再单击“插入”,它也被插入到 N1 中,单击“关闭”把符号窗口关闭,N1 中已经有了打钩和带框的打钩;把光标定位到打钩后,按 Alt + 回车换行,则带框的打钩换到下一行,分别在它们后输入文字;操作过程步骤,如图11所示:
图112、在“符号”窗口中,打叉与带框的打叉就在打钩的旁边,要插入它们选择就可以了。
- ?
Office小技巧-快速调整Excel表格行高和列宽
魏筮
展开
由于Excel在创建表格时,系统默认表格的行高和列宽为固定值,当我们使用表格的时候,经常会碰到表格内文字过多显示不全或者过少空白太多,为了更美观的展示表格信息,这是我们就需要调整行高和列宽到合适的尺寸了。如果全部手动调整,还是比较麻烦的,今天小编和大家一起学习快速调整行高和列宽的方法。
一、快速调整到合适的行高和列宽
由于操作原理相同,以调整列宽为例:如果B列过宽,那么我们将鼠标移动到B、C列之间的分割线上,此时鼠标变为左右双向箭头显示,按住鼠标左键进行拖拽,此时鼠标旁边会出现被调整单元格的列宽信息,调整宽度到合适的要求后,松开鼠标即可完成。
如果需要快速适应,自动调整列宽,则当鼠标变为左右双向箭头时,双击鼠标左键即可完成系统的自适应调整。也可以,选中列,切换到【开始】选项卡,在【单元格】组中,点击【格式】的下三角按钮,在弹出的快捷菜单中,点击【自动调整列宽】即可。
如需多列进行调整,选中多列后(例如:A-D),在任意列的分割线上(例如:B-C),鼠标变为左右双向箭头即可拖动,表格的多列就同时进行了调整,同时其余选中列都变为B列的列宽。
二、精确调整固定行高和列宽
由于操作原理相同,以调整列宽为例:选中需要调整的列,单击鼠标右键,在弹出的快捷菜单中,点击【列宽】选项,此时弹出【列宽】对话框,在对话框中可以输入列宽的值,例如:20,点击【确定】按钮,回到表格即可看到调整效果。
欢迎关注,以上。
- ?
Excel中如何将单元格的宽度高度设置成厘米
深灰色
展开
在使用Excel时,有时需要将单元格宽度和高度的单位设置成厘米,例如在用Excel排版制作档案盒、文件夹等的标签时。但在调整Excel单元格宽度和高度时,默认是以磅和像素为单位的。这里以Excel2007为例介绍一下如何将Excel单元格高度和宽度的单位设置成厘米,供大家参考。
●先点击Excel2007的Office按钮菜单中的“Excel选项”按钮,打开Excel选项对话框。(注:其他版本的Excel打开Excel选项对话框的方式可能不同,例如Excel2010应点击“文件”菜单中的“选项”。)
●点击打开Excel选项对话框中的“高级”选项卡。
●打开“高级”选项卡后,Excel2007中需将右侧的滑块拖至下图所示的位置。
●此时在高级选项卡中的“显示”处可以看见“标尺单位”下拉框,点击该下拉框。
●点击后会弹出下拉菜单,在下拉菜单中点击“厘米”选项。
●设置好后点击下方的“确定”按钮确认。(注:到这里可能还不能使用厘米单位,还应继续看下一步。)
●虽然设置好了以厘米为单位,但如果Excel当前的视图方式仍为默认的普通视图,则列宽和行高仍然会是以磅和像素为单位。要想使用设置好的厘米单位,需要点击Excel下方图示的“页面布局”按钮,将视图方式转换为“页面布局”视图。
●在“页面布局”视图中调整列宽或者行高,就会发现显示的单位是厘米了。
●如果觉得拖动鼠标更改行高和列宽不容易进行精确的设置,可以手动输入行高和列宽的具体数值,方法是:在行号或者列标上点击鼠标右键,再用鼠标左键点击弹出菜单中的“列宽”或者“行高”。
●点击后就会弹出“列宽”或者“行高”的设置对话框,其中的单位就是之前设置的厘米(cm),在“cm”前输入想要设置的数值,再点击“确定”按钮即可。
- ?
excel实用技巧:如何快速调整行高与列宽,告别繁琐操作
寻菱
展开
今天来教大家一个简单的excel技巧,日常工作和生活中遇到的表格有时候会接触到行高、列高不一致的情况,让表格看上去很难看。之前我们总是一列一列、一行一行的去调整它的高度和宽度或者全选直接设置他们的数值,如果看了这篇文章也许会为你打开新世界的大门-快速调整列宽行高。
示例图:
调整列宽
这里有两个调整方法,分别为调整为固定宽度和自适应宽度。
固定宽度调整方法
选中需要调整的列,把鼠标放在字母区,当鼠标呈现“十字形”的时拖动列宽,这样所有列的宽度就会与你调整的那一列的宽度相同(例如我们调整的D列,那其他列的宽度就会跟D列宽度一样)。
自适应宽度调整方法
这个就比较简单了,就是选中需要调整的列,然后把鼠标放到字母区,当鼠标呈现“十字形”的时后双击鼠标就可以了,这样每一列的宽度会根据它们内容的多少自动调整。
调整行高
调整行高的方法跟调整列宽的方法是一样的,只是鼠标放的位置不同而已,依然是选择需要调整的行,呈现“十字形”的时候拖动高度就是其他行跟你调整的高度一样,双击鼠标则是每一行根据内容自动调整高度。
备注:使用自适应调整行高的调整出来的高度是自适应的每行内容最多的那一单元格的高度。
excel表格宽度自适应
-
1、只需3秒快速实现求和
-
2、如何快速填充序号
-
3、如何自动填充序号(公式法)
-
4、数据条的神奇应用
-
5、多文本快速合并
-
6、查找与替换的不同玩法
-
7、快速定位到指定区域
-
8、数据排序、工资条制作
-
9、快速筛选(模糊、精确筛选)
-
10、快速插入空行
-
11、快速删除空行
-
12.快速跳转到天涯海角
-
13、.同时查看两个Excel文件
-
14、用条件格式扮靓报表
-
15、一键插入Excel图表
-
16、批量处理行高、列宽
-
17、利用拆分功能查看数据
-
18、批量录入相同内容
-
19、工作表快速跳转
-
20、批量录入表格模板(精品课程)
-
21、Excel函数与公式的应用、公式循环引用的查找
-
22、IF函数单条件判断同比增长
-
23、用sum函数 格式相同,连续多表数据汇总
-
24、excel快捷键
-
25、VLOOKUP函数——根据销售员匹配销售额
-
26、统计各部门销售总额
-
27、统计指定条件个数
-
28、怎样输入当前日期和时间、星期数
-
29、销售业绩排名
-
30、Sumproduct函数-万能函数(销售额汇总求和)
-
31、根据销售员,地区,商品名称汇总
-
32、批量替换PPT字体
-
33、给销售额数据批量添加万元单位
-
34、一秒快速核对两列数据
-
35、快速定位到指定单元格或区域
-
36、快速制作双行标题工资条
-
37、给你的表格做个瘦身
-
38、快速打开常用的Excel文件
-
39、快速打开多个Excel文件
-
40、利用创建组—快速隐藏/展开多列数据
-
41、快速制作下拉菜单
-
42、复制粘贴表格,如何保留数据源列宽格式一致?
-
43、两列数据位置互换
-
44、1秒钟扮靓报表——如何实现表格隔行换色
-
45、快速删除重复记录——保留唯一值
-
46、快速向下填充、向右填充,文本或公式
-
47、给Excel文件添加密码
-
48、插入带图片的批注
-
49、输入公式后不计算?
-
50、如何设置单元格缩进
-
51、快速解决Excel表格总显示货币格式
-
52、批量添加万元单位
-
53、你会四舍五入么?
-
54、用RAND函数机选彩票
-
55、冻结首行你会么?
-
56、超链接的高级应用
-
57、IFERROR函数-屏蔽错误值
-
58、批量填充颜色
-
59、录入数据
-
60、快速输入工号
-
61、快速行列转置
-
62、自定义缩放界面
-
63、多个单元格同时输入
-
64、如何计算立方米?
-
65、快速制作双行标题工资条
-
66、输入带方框的√和×
-
67、快速将姓名对齐
-
68、快速输入性别
-
69、按单位职务排序
-
70、自动计算合同到期日期
-
71、计算时间间隔
-
72、日期和时间的拆分
-
73、快速处理不规范的日期格式
-
74、快速填充合并单元格
-
75、效率加倍的快捷键
-
76、快速复制表格和对象
-
77、快速创建工作表副本
-
78、快速复制序列号
-
79、快速显示公式
-
80、多个单元格同时输入
-
81、快速调整显示比例
-
82、快速自动填充
-
83、快速填充(Ctrl+E)
-
84、Ctrl与数字键结合
-
85、快速将多列数据整理为1列
-
86、快速将1列数据拆分为多列
-
87、快速定位公式
-
88、快速录入数据
-
89、快速累计求和
-
90、身份证号码显示为0怎么办?
-
91、快速制作斜线表头
-
92、文本竖向显示
-
93、神奇的监视窗口
-
94、不一样的格式刷
-
95、快速美化图表
-
96、快速生成当前日期
-
97、快速找出循环引用
-
98、快速提取信息
-
99、二维表快速转换为一维表
-
100、快速多表合并