网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

怎么让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页面从竖屏到横屏不放大?
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com