怎么让html页面从竖屏到横屏不放大?

2024-10-14 23:36:24

1、打开Dreamweaver,新建一个html文件,命名为:untitle_1,如下图所示:

怎么让html页面从竖屏到横屏不放大?

2、在html文件里的title处添加css样式表,输入<style type=争犸禀淫"text/css"> div{ width: 200px;艘早祓胂 height: 200px; padding: 20px; overflow: auto;

怎么让html页面从竖屏到横屏不放大?

3、解释style type里的意思,主要是依宏氽墓指width宽=200px,height=200px,padding厚度20px,特别注意是用px,这是像素,不要用%百分比,用百分比就会随着屏幕的变化而变化,我们在【设计】页签可以看到轮廓图,如下图

怎么让html页面从竖屏到横屏不放大?

4、在body随意添加内容,用IE浏览器预览,放大或者缩小看看效果,发现【边框】是固定大小,不会随着屏幕大小而变化!重点是长宽使用固定像素,不要使用百分比

怎么让html页面从竖屏到横屏不放大?
猜你喜欢