原文:wkhtmtopdf--高分辨率HTML转PDF（一）一、需求这次工作中遇到一个需求，要求把网页转换为PDF，穷极了很多的方法，包括尝试了itextsharp来转换，虽然可以实现，但是分辨率和效率并不理想；偶然间看到网友的一篇关于wkhtmtopdf的用法，虽然说的不是很清楚，但是总算发现了这么一个方法，研究了两天，大概了解了一些做法，现在记录下来，以便以后可以用到，还有，有需要的朋友也可以参考下~~wkhtmltopdf：利用 webkit 内核将 HTM...
1、DIVCSS小案例描述我们首先设置一个DIV盒子CSS命名为“.abc”，设置其高度为300px，css边框为黑色；以及设置margin:0 auto布局居中。预先设置这两个样式是为了便于观察。我 们通过手动拖拽浏览器显示宽度，然后观察此盒子宽度变化情况，当浏览器宽度调节到宽度不大于500px时，对应此盒子宽度显示100px；调节浏览器宽度 不大于901px时，显示“.abc”对应盒子宽度显示200px;当调节浏览器宽度大于1201px时，盒子对象宽度显示1200px；...
回复内容：
简单说，CSS media query。具体实现就比较复杂了，比如media query各浏览器支持程度不一。此外在技术实现之前，首先你在设计层面要有这个意识。有时候，适配不仅仅是分辨率（resolution）问题，还有DPI问题。另外还有操作差异，比如触摸（手持设备）还是鼠标（desktop）还是遥控器（Web TV）。在许多场合下，还是会考虑做独立的版本，而不是在一个版本里进行适配。实际上根本没有方法解决, 设备的密度不同js无法解决,最...
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320480，现在更多的是iphone6的375667)。对于retina屏幕(如:
dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍(对...
最近做了个网站项目，但是在不同的分辨率下面显示不同，在高分辨率下显示有错位，不知道有什么办法可以使DIV的显示在不同分辨率下可以都显示一样的效果的，哪位大侠可指点一下小弟呀，不甚感激！ 回复讨论(解决方案) 一样的效果~~~ 这个需求太模糊了 一般全部用相对定位 和百分比的数值控制 唯一需要精确控制的是 外部的容器 我现在的DIV已经像下面这个样子显示 #schoolnews-04 { position:absolute; top:278...
我的页面上下2部分在不同分辨率的机器里高度不同，怎么设置比例让上面的表格能任何时候都全部显示？ 现在在有的机器里第4行显示不出来，因为表格的高度在小分辨率的机器里就缩小了。 还有分辨率改了后，表格里的文字也不齐了，有的标签在文本框上面，有的在左边，请问怎么调整？ html代码如下： aaa 回复讨论(解决方案) 用 js指定两个div的高度即可 aaabody {overflow:hidden;margin:0;padding:0...
www.jnqsgcjx.com 这个网站我用1440的分辨率做的，算失误吧，客户的分辨率是1024，他打开就显示一半，需要拉滚动条。。。很多网站无论哪个分辨率都显示正常，头部那个标题宽就1000。。。求目前的解决方案！客户发火了 回复讨论(解决方案) 就是头部的问题，Flash往上那块，如何做到完美兼容啊~~真心调不好了 现在很多机子都没有 1440，最好不要搞那么大,很多网站就 960 ,1000 改成1000 现在很多机子都没有 1440，最好不...
HTML 图片 在论坛和百度翻了一天...看到的都是对背景图片的操作.一点关于普通图片的都木有. 求助大神们.怎么才能让img标签src引进的图片 在不同的分辨率下 看到的图片大小可以变 比例不变. 回复讨论(解决方案) 你可以考虑一下获取当前电脑的分辨率。然后设置img的宽高。 你可以考虑一下获取当前电脑的分辨率。然后设置img的宽高。 请问是设置img的宽和高 是具体的像素值 还是 百分比呢?根据什么才设置呢? 最好是...
这下面是代码，我这里有两个固定DIV不想在更改分辨率时位置变化，各位仁兄请帮忙修改一下代码吧？ 资料 /* FFS SSS GGG CCC NNN AAA BBB CCC DDD EE...
各位高手，请教一下，我这里有一个jsp的登录页面。页面上除了输入框和按钮外，就是背景图片。其中的输入框的位置都用的是相对位置。但IE或分辨率调整后，仍会发生输入框和背景图错位的情况。请教一下大家，如何才能让背景图片也随IE和分辨率的变化而变化呢？？ 请各位高手不吝赐教！！！！页面代码如下： login.jsp： if(request.getSession(true).getAttribute(UserSessionInfo.USER_SESSION)!=null){ response....
各位大神告诉我谁能告诉我一种【网页自适应不同的分辨率】的网页模式？？？？？？？不考虑100%width,height设计 回复讨论(解决方案) 用css3的@media screen 判断浏览器宽度，应用不同的css 楼主可以看一下bootstrap的CSS，自适应做的非常好。 另外，自适应一般元素的尺寸都是用百分比的。 windows.获取窗体大小 谢谢 两位大神！！ 我正学的起劲，这就给分。
各位高手，请教一下，我这里有一个jsp的登录页面。页面上除了输入框和按钮外，就是背景图片。其中的输入框的位置都用的是相对位置。但IE或分辨率调整后，仍会发生输入框和背景图错位的情况。请教一下大家，如何才能让背景图片也随IE和分辨率的变化而变化呢？？ 请各位高手不吝赐教！！！！页面代码如下： login.jsp： if(request.getSession(true).getAttribute(UserSessionInfo.USER_SESSION)!=null){ response....
iPhone 6 出场，设计师又有得忙活了，但是新鲜的资源你们在哪里？！今天我们收集了一组精致的iPhone 6 模型素材，超高分辨率，多种视图，全都打包完毕，点一下就可以拿回家！赶紧来取吧！?? 来自iPhone 6 plus 客户端 素材打包 微盘下载 （资源按编号排序，对应下载即可。） iPhone 6 MockUp（多视图首推） 这款iPhone 6设计模型是首要推荐，内有3个PSD档，请看以下载图。 1.侧面视图，这个设计图拥有50542969分辨率（7...
如题？除了为移动设备建立专门的网页，还有其他办法吗？ 回复讨论(解决方案) 看你原来的css 结构了 但是 大部分 为桌面浏览器分辨率设计的页面 其实是不适合直接转成手机的 转成pad应该可以（大小差不多） 比如现在这个论坛的页面 排版和内容不变 只改css 转成手机版本 估计不好转 现在 响应式能适合各个设备 我看下来 原因就是 要么 减少内容 要么内容本来就很少 俩个方案：：自适应布局VS响应式布局 ...
前几天做了一个挺简单的页面，顶部banner图，然后下面一段说明文字，再往下是表格。 最开始字体统一1.2em，在设计稿640宽的环境下，页面和设计稿基本一致，挺好看的，但是如果在小屏手机中，因为banner图缩小到屏幕一样宽，就等比缩小了，而文字还是原来那么大，字体就会显得特别大。然后我的处理方式是用css媒体查询，判断在屏幕宽度哪个范围 就用多大的字体。 我移动web开发时间不长，请教下大神，这么做，是否有必要，或者有...
本帖最后由 yy86965921yy 于 2013-03-15 11:50:55 编辑