本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
css怎么把画面内容缩小一半
我们可以先将画面放到div元素中，将div元素的大小设置为画面一样大，这时候通过width元素或者height元素将div元素的大小设置为一半大，在通过overflow元素设置超过div大小的元素隐藏，这时候就可以吧画面内容缩小一半了。
示例如下：
<!doctype html><html> <head> <meta charset="utf-8"> <style type="text/css"> .div1{ width:194px; height:249px; overflow:hidden; } </style> </head> <body> <div class="div1"><img src="1118.02.png"/></div><img src="1118.02.png"/> </body></html>
输出结果：
（学习视频分享：css视频教程）
以上就是css怎么把画面内容缩小一半的详细内容。