A4纸网页打印——宽高设置

作者:admin 日期:2019-12-21

一、在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpi 。

A4纸张的尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸。所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制作网页的时候需要的象素。

但是打印机是无法满幅打印的，总要有页边距，所以我们在制作网页的时候必须减去页边距。

以下是我测试的各种页边距下，A4纸对应的象素尺寸：

打印页边距设定为 0mm 时，网页内最大元素的分辨率：794×1123

查看更多...

Tags: html

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 363

在IE下getAttribute()方法无法读到class属性的解决方法

作者:admin 日期:2015-12-19

利用HtmlElement可以访问document中的元素，但是HtmlElement 仅公开所有元素共有的那些属性，如id/name/tagname等，对于未公开的属性，如href/alt等，则需要通过getAttribute()方法来获取。如要获取相册中的url，可以用下面的方法：
element.getAttribute(“href”) //该方法假定element已经对应这个元素
但是对于IE的元素，用element.getAttribute(“class”)却不能获取到class的值。
问题原因是不同浏览器所支持的属性不同，对于IE，要获取class属性，可用classname属性来替代，element.getAttribute(“classname”)
要解决不同浏览器对此的兼容性问题，可用以下类似的代码：
if (element.getAttribute(”className”) == “class的名字” ||element.getAttribute(”class”) == “class的名字”)
还有其他一些属性会有类似的兼容性问题。

Tags: html javascript

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1438

不允许百度保存其快照

作者:admin 日期:2012-06-03

快照不被百度缓存：
<meta name="Baiduspider" content="noarchive">
不被所有搜索引擎缓存：
<meta name="ROBOTS" content="noarchive">

Tags: html 百度

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2172

神奇的contentEditable 让Div可以输入文字

作者:admin 日期:2012-05-18

contentEditable　html中的一个属性。设置html的contentEditable=‘true’时，即可开启该元素的编辑模式。

Html中的contentEditable的属性可以打开某些元素的可编辑状态．也许你没用过contentEditable属性．甚至从未听说过．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素设置为可写．我们最常用的输入文本内容便是input与textarea 使用contentEditable属性后，可以在div,table,p,span,body,等等很多元素中输入内容．

如果想要整个网页可编辑，请在body标签内设置contentEditable

contentEditable已在html5标准中得到有效的支持。

在IE8下设置表格可写不支持，其他元素没有问题．在FireFox运行一切正常．谷歌浏览器运行一切正常。