這篇文章主要介紹了css如何把畫面內(nèi)容縮小一半，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司主營成武網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件開發(fā),成武h5成都小程序開發(fā)搭建,成武網(wǎng)站營銷推廣歡迎成武等地區(qū)企業(yè)咨詢

css把畫面內(nèi)容縮小一半的方法：1、將畫面元素放置在一個(gè)div元素中；2、利用width和height屬性將div元素的大小設(shè)置為畫面元素的一半；3、給div元素添加“overflow:hidden;”樣式使超出div的畫面元素隱藏即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

我們可以先將畫面放到div元素中，將div元素的大小設(shè)置為畫面一樣大，這時(shí)候通過width元素或者h(yuǎn)eight元素將div元素的大小設(shè)置為一半大，在通過overflow元素設(shè)置超過div大小的元素隱藏，這時(shí)候就可以吧畫面內(nèi)容縮小一半了。

示例如下：

    
        
        
        .div1{
            width:194px;
            height:249px;
            overflow:hidden;
            }