有关css设置宽度和高度与浏览器打开的显示效果不一致的问题

问题描述:

        今天用做网页的时候,需要其他网页上的图片,用snipaste工具截取图片,并量好图片的尺寸后(假设width:600px,height:400px),用vscode编写CSS代码,引用以上测量结果设置宽度和高度,打开浏览器后发现图片是width:900px,height:600px;放大了1.5倍。

原因解释:

        虽然浏览器的显示比例为100%,但是windows的显示设置为150%,所以你代码设置的宽度和高度,放在windows上运行后,显示效果会放大1.5倍,你显示器上看到的所有东西都是放大1.5倍之后的效果。

解决方案:

        你要想得到在显示器上正常的大小,需要将代码的宽度和高度大小改为测量值的2/3,方可在显示器上看到你想要的效果。

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
##KodExplorer (http://kalcaddle.com/) ###ver2.61(2014.7.12) `商业版授权请联系:kalcaddle#qq.com` #### 1.是什么: - Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。 - 完美取代FTP管理:可用于服务器文件管理,zip解压缩 备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 - 在线编程:支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime) - 极佳的操作体验:及其便捷的快捷键支持,让你拥有本地化的体验 - 中文等多语言支持:中文编码全面兼容,文件编辑自动适配。 - 超快的速度:全面采用Ajax+Json进行数据通信,毫秒级的响应速度; - 全平台兼容性:Win Linux Mac (Apache、Nginx、IIS) #### 2.使用场景: - 取代FTP,服务端、客户端软件等复杂的安装配置。kod可以一键安装随处使用. - 你可以用它来管理你的服务器(备份,在线解压缩,版本发布....) - 你可以把他当做管理linux的一个操作系统界面 - 可以用来作为私有云存储系统,存储你的文件... - 当然你也可以用来分享文件 - Web IDE / browser code editor awesomeness - 更多场景等你来挖掘!…… #### 3.使用说明 管理员: admin/admin 普通用户:demo/demo 游客用户:guest/guest [如何使用] 下载程序,解压上传到你的服务器路径下,data目录设置777权限。访问体验超便捷的服务吧! (data目录没有权限会导致配置修改不能保存、不能新建用户等) [关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改 php.ini:`upload_max_filesize = 1000M post_max_size = 1000M` [关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit 1000M [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data/system/member.php 密码为明文的md5值 例如将admin密码重设为admin 则修改第一行:"name":"admin","password":"21232f297a57a5a743894a0e4a801fc3" ![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png) ###ver2.61 `2014/7/12` ---- ####update: - 实时搜索,根据搜索框内容变化,实时选中匹配到的结果; - 弹出搜索框遍历子文件夹递归搜索 - session key 加入kod_前缀 避免和其他系统key冲突 - 编辑器选中优化 选择鼠标到窗口外事件处理 ####fix bug:(bug解决和程序优化) - backspace后退截获浏览器事件,作为后退前一次访问的文件夹; - 搜索首字母不匹配问题 - 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - zip压缩没有权限 提示红色,false 统一查找 - 登录成功后 验证码输错清除 - 非root用户拖拽到文件夹问题 - 非root解压问题 不能解压 - list oexe 图标问题 - 用户目录不存在判断 - fileCahe 互斥锁 reset 不用 - ie 8~10样式问题调整 ###ver2.6 `2014/7/6` ---- ####update: - 完全性优化;加入严格的校验机制 - 首次运行环境检测[data目录检测,必须的函数支持提示] - 上传已存在处理——创建副本(另外包括粘贴,解压) - 选中优化 ctrl选中拖拽 - 键盘快捷键选中文件,多个字符
为达到最佳效果,推荐使用九网互联的ASP.net空间,支持ASP.net版本1.1和2.0在线切换、在线脚本映射、ASP.net具体错误信息在线查看。使用说明:〈1〉本产品需要在 Asp.net 2.0环境下运行。〈2〉下载本软件后解压缩,将其中的bin文件夹中所有文件剪切到网站根目录的bin文件夹中。将配置文件web.config整合到自己的网站配置文件里,然后把文件夹hhfeditor拷贝到网站根目录,注意:hhfeditor文件夹下不再有hhfeditor包含文件夹,请拷贝的时候留意勿将整个的文件夹都拷贝到了根目录。〈3〉调用方法介绍:在需要调用控件的页面头部输入“”其中hhfeditor1.ascx是简洁版编辑器(适合网页前台客户简单留言等)、hhfeditor2.ascx是功能版编辑器(适合论坛发帖等)、hhfeditor3.ascx是全能版编辑器(适合后台管理时新闻发布或者网页编辑)然后在需要调用的地方输入“”即引用了控件。获取编辑器值和设置初始值的方法:(VB.net调用)'获取值Me.TextBox1.Text = Me.editkj.Getvalue()'设置值Me.editkj.Setvalue(Me.TextBox1.Text)编辑器初始值就被设为TextBox1中的值或Me.editkj.Setvalue('www.hhfsoft.com')编辑器初始值就被设为www.hhfsoft.com(C#.net调用)'获取值this.TextBox1.Text = Convert.ToString(this.editkj.Getvalue());'设置值this.editkj.Setvalue(this.TextBox1.Text);编辑器初始值就被设为TextBox1中的值或this.editkj.Setvalue('www.hhfsoft.com');编辑器初始值就被设为www.hhfsoft.com〈4〉sysconfig.aspx配置文件介绍sysconfig.aspx配置文件是2.6版本中新增加的功能,大家可以利用这个文件对图片的上传路径等进行自定义设定。〈5〉自定义表情图标。hhfeditor\hhfpic\face下有5个文件夹,分别存放了5类表情,您可以根据需要进行更换,图片的编号和格式请勿改变,每个文件夹下可放60个表情〈6〉自定义特殊字符。hhfeditor\hhfpic\face有2个文本文件,其中可以自由设置一些特殊字符〈7〉编辑器初始宽、高设置宽度为自适应容器宽度,即包含着控件的容器有多宽显示效果就有多宽,高度设置在 hhfeditor1.ascx、hhfeditor2.ascx、hhfeditor3.ascx里面,使用文本方式打开文件修改“var Editheight=200; //编辑器默认高度”这里面的值就可以了,单位(像素)。〈8〉图片大小限制。.net默认会限制上传图片的大小,如果要做修改,请在配置文件中做如下更改在之间加入\uff1aexecutionTimeout='90'maxRequestLength='2097150'useFullyQualifiedRedirectUrl='false'minFreeThreads='8'minLocalRequestFreeThreads='4'appRequestQueueLimit='100'/>〈9〉编辑器颜色修改。打开hhfeditor下面的两个样式表。找到下面部分,将颜色代码修改为您需要的颜色即可#ALL{background-color: #9ebef5;width: 100%;height: 100%;}.alertbgc{background-color: #9ebef5;}〈10〉本编辑器永久免费。希望大家多支持我,帮我推广这个编辑器,谢谢!〈11〉开源问题说明:本控件暂时对外不开放源码。因为世界上有可恶之人喜欢把别人的东西搬过来改改后就说是自己的作品,到处招摇撞骗唯利是图,为了避免本控件遭遇这些情况,所以暂时不公开源代码,特此将不开源的原因说明一下。破解软件进行学习不可耻,可耻的是偷窃别人成果换成钞票装进自己的口袋,并且还往自己脸上贴金。大家能下载到这个控件,说明我们都是同行。我们都能明白自己的成果来之不易,希望我们彼此尊重,互相学习!〈12〉在使用过程中如果遇到问题,欢迎提出!升级说明:一、路径问题。旧版本中,如果调用hhfeditor控件的页面和hhfeditor文件夹不在同一级目录会出现css样式路径错误的情况,现在已经将问题修正。现在只需将hhfeditor文件夹放在网站根目录即可调用。二、浏览器问题。由于IE6、IE7、火狐浏览器css样式的支持并不完全相同,所以导致旧版本在不同的浏览器中浏览会出现版面

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值