精华内容
下载资源
问答
  • 4月4日,一个举国哀悼的日子,全网基本所有网页都变成了灰白色,但对于程序员的我来说,伤心的同时,想到了这是怎么实现的呢?不可能每个网页都去改页面吧。 之前没有搜索到,但是恰好到b站看到有up主分享这个,...

    之前没有搜索到,但是恰好到b站上看到有up主分享这个,原来只是加了一点点css样式即可,如下:

    html{
          filter: grayscale(100%);
    }
    

    如下,我们引入一张美图:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <img src="15397457284242445.jpg" style="width: 600px; height: 300px;"  >
    </body>
    <style>
        html{
            /* filter: grayscale(100%); */
        }
    </style>
    </html>
    

    在这里插入图片描述
    当我们打开css注释的时候,效果是
    在这里插入图片描述
    是不是很简单,是不是很不可思议呢

    同样,打开F12,在开发者工具中添加css也是,也可以让CSDN同样变成灰白
    在这里插入图片描述

    展开全文
  • webview装入的网页,常常有幅面比较的图...150x150复制代码iPhone SE的模拟器下,默认情况下,前一张图会宽度超出,后一张可以显示完整。 import UIKit class Page: UIViewController{ var c : UIWebView! ...

    webview装入的网页,常常有幅面比较的图,这些图会超出手机的宽度,因此导致显示不完整。

    比如如下案例,加入了两个图片,大小分别为:

    650x300
    150x150复制代码

    在iPhone SE的模拟器下,默认情况下,前一张图会在宽度上超出,后一张可以显示完整。

    import UIKit
    class Page: UIViewController{
        var c : UIWebView!
        override func viewDidLoad() {
            super.viewDidLoad()
            c = UIWebView()
            c.frame = super.view.frame
            view.addSubview(c)
            c.frame.origin.y += 20
            let html = "<img src=\"https://via.placeholder.com/650x300\"><img src=\"https://via.placeholder.com/150x150\">"
            let url = URL(string:"http://")
            c.loadHTMLString(html, baseURL: url)
    
        }
    }
    @UIApplicationMain
    class AppDelegate: UIResponder, UIApplicationDelegate {
        var window: UIWindow?
        func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
            self.window = UIWindow(frame: UIScreen.main.bounds)
            self.window!.rootViewController = Page()
            self.window?.makeKeyAndVisible()
            return true
        }
    }复制代码

    想要更加优雅的适配图片,可以使用css,强制要求显示宽度为100%,从而缩放宽度到设备宽度。做法就是加入一个html头字符串,加入到你自己装入的html字符串的头部。如:

    import UIKit
    class Page: UIViewController{
        var c : UIWebView!
        override func viewDidLoad() {
            super.viewDidLoad()
            c = UIWebView()
            c.frame = super.view.frame
            view.addSubview(c)
            c.frame.origin.y += 20
            let html = htmlhead + "<img src=\"https://via.placeholder.com/650x300\"><img src=\"https://via.placeholder.com/150x150\">"
            let url = URL(string:"http://")
            c.loadHTMLString(html, baseURL: url)
    
        }
    }
    @UIApplicationMain
    class AppDelegate: UIResponder, UIApplicationDelegate {
        var window: UIWindow?
        func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
            self.window = UIWindow(frame: UIScreen.main.bounds)
            self.window!.rootViewController = Page()
            self.window?.makeKeyAndVisible()
            return true
        }
    }
    let htmlhead =  "<!DOCTYPE html>" +
        "<html>" +
        "<head>" +
        "<meta charset=\"UTF-8\">" +
        "<style type=\"text/css\">" +
        "html{margin:0;padding:0;}" +
        "body {" +
        "margin: 0;" +
        "padding: 0;" +
        "}" +
        "img{" +
        "width: 90%;" +
        "height: auto;" +
        "display: block;" +
        "margin-left: auto;" +
        "margin-right: auto;" +
        "}" +
        "</style>" +
    "</head>"复制代码

    出来的效果,是两张图片全部充满宽度,其中一个图片缩小,不会产生锯齿,一个图片放大,有些锯齿。对于大量照片的html文档,一般都是缩小的,因此看起来还是过得去的。

    展开全文
  • css中如何让一个图片铺满全屏

    万次阅读 2013-05-25 08:33:23
    例如我有一张1024*768的图片,能否页面显示全屏,无论电脑分辨率是1024*768还是1440*900,我这张图片全屏,如何实现? 1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;...

     

     

    css 如何让图片全屏的问题


    例如我有一张1024*768的图片,能否让它在页面上显示全屏,无论电脑分辨率是1024*768还是1440*900,我都想让这张图片全屏,如何实现?
    1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
    否则需要将其作为网页背景的话可以试试如下方法:
    2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body 
    style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
    这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
    再将网页内容放置到第二层上<div id="content">页面内容</content>
    3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。



    示例代码:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    <style type="text/css">
           
        .myLongDiv
        {
          top:80%;
          left:60%;
          border:1px;
          border-style:solid;
          border-color:White;
          position:absolute;
          width:240px;
          height:120px;
          margin:-250px 0 0 -200px;
          font-size:20px;
        }  
       
        </style>

     


    </head>


    <body bgcolor="#113eee">
        <form id="form1" runat="server">


     

        <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="/images/myPicture1.jpg" width="100%" height="100%"/>
         </div>
           
         <div class="myLongDiv" >
        <table>
        <tr>
        <td align="right" class="style1">用户名:</td><td class="style1">
            <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox></td>
        </tr>
        <tr><td align="right">密码:</td><td>
            <asp:TextBox ID="txtPassWord" runat="server"></asp:TextBox></td></tr>
        </table>
        <br />
            <div>
            <center>
                <asp:Button ID="btnLogin" runat="server" Text="登录" Width="56px" BackColor="White" BorderColor="White"
                    οnclick="btnLogin_Click" /> &nbsp &nbsp
                <asp:Button ID="btnCancle" runat="server" Text="取消" Width="63px" BackColor="White" BorderColor="White" />
            </center>
            </div>
       </div>

        </form>
    </body>
    </html>








     

     

    展开全文
  • 或者是一些特殊的文字,通常的做法是把它切成图片,但是如果这个站是多个语言的,那我们是不是把每个语言的一张图片呢,这样做不仅工作量很大,而且后期维护的过程中可能会很麻烦,那我们应该怎么做呢。...

       今天给大家谈一个关于字体的话题,我们在做项目的过程中会遇到一些在psd中的字体在自己的电脑中没有安装,或者是一些特殊的文字,通常的做法是把它切成图片,但是如果这个站是多个语言的,那我们是不是把每个语言的都切一张图片呢,这样做不仅工作量很大,而且在后期维护的过程中可能会很麻烦,那我们应该怎么做呢。今天给大家介绍一种方法:
    首先、
    先要把所用的字体下下来,我们可能会想,把字体下下来装到电脑上不就可以了么,事实是这样,如果这个网站在我们自己的电脑上浏览可能不会出现什么问题,但是如果在没有这个字体的电脑上浏览可能就会有问题了,这里我们解决的是无论这个电脑上有没有这个字体可以正确的浏览这个网站。
    第二、
    先要打开这个地址:http://cufon.shoqolate.com/generate/ 打开之后先要下载一个JS文件,点击download下载。然后把本地的字体上传,下面的选项设为默认,最后 let’s do this. 这时会再次下载一个js文件。
    第三、
    把下载的JS文件引用到HTML中。
    第四、
    在html中加入这段代码:

    <script type=”text/javascript”>
    Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });
    </script>

    在这里Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });的意思就是:在h5这里的文字的字体是Myriad Pro字,不过在这里的h5并不是固定的它可是其它的标签,比如a span p等等,但是在用这些标签的时候,我们必需在css样式里面给它属上一个值,这个值就是:fontfamily:’Myriad Prpo’; 也就是把他的字体给写上去,这样才会有效。

    转载于:https://www.cnblogs.com/beyond1990/archive/2011/06/03/2072322.html

    展开全文
  • css 如何让图片全屏的问题

    千次阅读 2017-05-22 10:54:54
    例如我有一张1024*768的图片,能否页面显示全屏,无论电脑分辨率是1024*768还是1440*900,我这张图片全屏,如何实现? 1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;...
  • 讨论如何让网页更流畅之前,需要先思考一个问题就是什么样的网页是流畅的? 这个问题我总结了一句话:网页与用户产生交互的过程中,让用户感觉流畅。 <p><img alt="图片" src=...
  • 2020年4月4日是一个特殊的日子。这天是传统的清明节,也是国家规定对冠肺炎疫情斗争中牺牲烈士和逝世同胞的哀悼日。大家通过各种方式...难道要重新设计与修改页面的配色,对页面每张图片都一张张的处理吗?不...
  •  第一:XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,应该及时学习和了解,等待只会你失去机会;  第二:新知识肯定会有很多新概念,尝试理解和接受,您才可能提高。不要害怕和逃避,毕竟我们...
  • 它可以不同屏幕尺寸与分辨率的设备上都能良好工作(比如自动切换图片大小、自动裁切图片等)。 当然,如果您不满足这种尺度的优化,还可以对图片进行更深层次的优化。例如:模糊...
  • 引言 通过一课的学习我们掌握了Silverlight中实现对象动画的3种方式。大家需要特别注意Silverlight中鼠标左键按下、台起;鼠标右键按下、台起以及鼠标滚轮滚动这5 个...我们该如何让精灵“活”起来呢?本节我...
  • 用过无数的壁纸,无论是动态的还是静态的不如找 一颗"卫星"帮你拍一张地球照片作为壁纸最为有格调,还是实时传输的那种,手机和电脑桌面就可以感受到深处浩瀚宇宙中地球一天的变化。这款软件是通过抓取...
  • 因此,我们必须按下Win+Break键,然后单击“系统还原”标签,取消“所有驱动器关闭系统还原”选项,然后选中D盘,单击“设置”按钮,打开的窗口中选中“关闭这个驱动器的系统还原”选项。依次将其他的盘的...
  • 初次接触web.py,对于前端的认识也不是很全面,我暂且把“应用”理解为某一个页面下能执行某段任务的代码,于是为了搞清楚定时任务是如何工作的,我决定尝试一下定时任务里清空数据库里的一张表。我是这样写的: ...
  • 今天记录的是css布局的一些经验。对于三个div同行显示的问题,在网页的制作中有很多的应用。比如圆角矩形的导航效果...那么,如何让三个div同行显示呢?方法很简单,就是让三个div 左浮动,同时设置三个div的长度...
  • 网页的时候很多情况需要对图片进行操作,如何在不进行专业的美工裁切操作的情况下而自己的素材度达到最大的满意度呢,这是一个问题,对于懒得开ps切图的我,通常会直接网络download一张图片,直接拖到html里...
  • 三个div同行显示

    2012-08-20 22:16:00
    今天记录的是css布局的一些经验。 对于三个div同行显示的问题,在网页的制作中有很多的应用。比如圆角矩形的导航效果。和一些网站的内页等需要三个div同行显示。... 那么,如何让三个div同行显示呢?方法很简...
  • 而这也意味着,网页上有很多元素,没有得到它们应得的关注。例如,站点地 图通常以一种丑陋的格式挂页面。你可能不理解,为什么要关心这些元素的设计呢?原因很简单:你的任何一份设计,应该以不落窠臼的...
  • 用户又是如何像生活中的人一样出现地图的呢? 本书中,作者将带你走近地图的世界,去看看地图是否有那么遥远。 “关于地图印象最深的,是遭遇到迷路窘境的时候,地图将我带出迷乱的世界,我得以踏回家的...
  • 图文自由转OCR软件

    热门讨论 2012-10-09 12:08:24
    6、如果您怀疑这款软件的功能,那么您可以先发一张图过来,我来帮您识别,看看效果如何。我们不是说肯定会您满意(因为对于过于模糊、过于扭曲、过暗的、人眼识别起来有困难的图像,这款软件也是无能为力的),...
  • 图文自由转OCR软件_卷2

    热门讨论 2012-10-10 10:16:48
    6、如果您怀疑这款软件的功能,那么您可以先发一张图过来,我来帮您识别,看看效果如何。我们不是说肯定会您满意(因为对于过于模糊、过于扭曲、过暗的、人眼识别起来有困难的图像,这款软件也是无能为力的),...
  • 如果有多引导系统的计算机,必须保证是包含 Windows 的驱动器使用该命令。 Diskpart  创建和删除硬盘驱动器的分区。diskpart 命令仅使用故障恢复控制台时才可用。  diskpart [ /add |/delete] [device_...
  • 分软件是由 GNU倡导发展起来的,所以软件通常都会附着 GNU Public License(GPL) 的情况下被自由传播。GPL 是一种可以使你免费获得自由软件的许可证,因此 Linux 使用 者的使用活动基本不受限制(只要你不将它...
  • 二三流学院毕业出来中的垃圾冒充名牌大学或是留洋,包装出各大名企任职(实际是自己也是不入流的外包),哪怕夸大其词,较真查也需要大量的时间,甚至查不到(虚假的)。听课时、下课时递一杯热茶,不时播放...
  • 我们游刃有余地开发出兼容性好的漂亮的网页,我们膜拜并感叹作者带来的便利,沉浸其中,无法自拔。 但是用了这么久的zepto你知道这样写代码 <pre><code> javascript $('.list').on...

空空如也

空空如也

1 2
收藏数 32
精华内容 12
关键字:

如何让网页都在一张上