html-如何让手机端的图显示更清晰

问题描述

如何让手机端的图显示更清晰
我在电脑网页端存入一张大图,保存输入数据库时,将原图和缩略图一起保存到数据库。然后我用HTML作了一个手机端的去显示那个原图和缩略图(用img),但是这两种图都会显得比较模糊。有什么办法可以让他清晰吗

时间: 2024-08-30 13:51:01

html-如何让手机端的图显示更清晰的相关文章

JS制作手机端自适应缩放显示

 JS制作手机端自适应缩放显示 示例一: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script> var _width = parseInt(window.screen.width); var scale = _width/640; var ua = navigator.userAgent.toLowerCase(); var result = /android (d+.d+)/.exec(ua); if (result){ var version =

手机端轮播图插件

手机端轮播图实现:       对应插件:af.carousel.js 见附件   使用方法: Js代码   /***   *   * @param carouselId   * @param carousel_dotsId   * @param autoPlay : 是否自动播放轮播图   * @param isCache : 不传值默认为true   */   function carouselSetup(carouselId, carousel_dotsId, autoPlay, isCa

手机端提交照片,后台能看到照片但只显示一半是什么原因?

问题描述 byte[]bytes=Convert.FromBase64String(strPhoto);然后把bytes显示为图片时,图片有一半显示灰色Response.ContentType="image/gif";Response.BinaryWrite(bytes); 解决方案 解决方案二:后台最终收到的图片有损坏解决方案三:手机端在提交的时候会不会因为网络原因丢包或者什么..解决方案四:应该是丢包,但不知道怎么解决.打开手机端数据库看了下照片是好的,然后手机端的照片转为字符串和

BootStrap实现手机端轮播图左右滑动事件_javascript技巧

用bootstrap做出的项目轮播图在手机端不能滑动,为此找了好多插件.框架.但是都不能和bootstrap良好的结合. 功夫不负有心人,经过一番查找终于在github找到了一段js:toucher.js,原文链接:https://github.com/bh-lay/toucher 由于个人水平原因代码没看懂抓狂,不过使用还是没问题滴. 第一.在head中加载toucher.js. <script type="text/JavaScript" src="__PUBLIC

web开发 搜索-手机端如何将个别页面的滑动效果转为单机事件?

问题描述 手机端如何将个别页面的滑动效果转为单机事件? 大神求解!!!请耐心看完!!!不难只是我比较笨,求解.就比如说有1个大的div内嵌5个小的div,每个小的div里有张背景图就变成5个页面,前3页可以上下滑动,第4页只能下滑不能上滑,因为第4页里嵌了一个表单,有一个按钮,点击按钮跳到下一页.我在第四页拦截了滑动事件,结果上下都滑动不了,但是单机按钮怎么显示下一页呢?

手机端Web开发中遇到的那些问题

retina 图片兼容 这个 feature 应该不仅仅只关心 手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(device-pixel-ratio)是普通屏幕的两倍. 对比于 CSS 来说就是, 原来在 css 中设置的是 1px , 在实际的屏幕显示时, 也是 1px. 但是, 在 retina 下, css 的 1px 就是实际屏幕的 2px. 这样的结果就是: 有

手机端产品交互设计:手机端产品翻页控件的设计

文章描述:对手机端产品翻页控件做的一些粗浅整理归纳.具体到设计应用中,我们需要根据产品性质.用户操作使用情景.手机和操作平台本身的特性等具体情况来考虑设计使用翻页控件. 翻页控件在很多手机端产品中属于容易被忽视但又不可或缺的一部分,今天就手机端产品翻页控件的分类和使用谈谈自己一些粗浅的看法. 在手机端产品中,翻页控件的展示形式五花八门:以所展示信息内容的性质和用户的使用情境作为维度划分的话,大致可以分为这样几个类型: A:时效类翻页控件 产品所展示的信息在"时效性""关联度&

手机端页面rem宽度自适应脚本

  网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方.重点给大家介绍下rem.有需要的小伙伴可以参考下. 什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么媒体查询那些的. 我们的设计图往往宽度是640或者其他尺寸的,不过我建议是用这个尺寸,以640为基准,以小到大,实现自适应,下面实现的比例为1re

详析手机端的8PX原理

  淘宝网的官方Blog有篇「一张图解释手机端8px原理」,简单来说就是把 iOS 和 Android 放在一起比较.同时探讨 1x.2x.ldpi.mdpi.hdpi.Xhdpi.xxhdpi 的尺寸与分辨率.本文就以我个人角度提出看法.(图片取自 Android – Devices and Displays) 8px 的文章内容就我的理解是基于「iOS 接口和 Android 接口长得完全一样」的情况下进行开发所写.iOS 和 Android 是两种完全不同的系统,用户操作习惯完全不同,在开