qian奇岸微信二维码 如您需要快速报价 请加技术经理微信 服务热线
13501992972
"MENU"
首页 > 开发知识 > 正文

写自适应网页的办法

奇岸开发
ahqian.com
11/02/2022
wechat

无需加好友免费技术支持

小伙伴们好,我就是吉祥如意羊。 有些人@我讲不知道怎么写自适应网页,今日也不写改善了。我来说说写自适应网页的办法。 自适应网页 专用工具:dw网页制图软件;ps图像图像处理软件。 方式/流程: 1,在添加一行viewport标签。 viewport是网页的默认设置宽度和高度。以上代码代表着网页宽度相当于屏幕宽度(width=device-width),原缩放比例(initial-scale=1)为1.0,即网页原始规格占屏幕的面积100%。 因为计算机屏幕分辨率和大小不一,网页会依据屏幕宽度布局调整,因而无法使用肯定宽度合理布局以及具有肯定宽度元素。图象亦是如此。 具体说,CSS代码不可以特定清晰度宽度: width:xxx px; 只有特定百分数宽度: width: xx%; 或是 width:auto; 2.字体样式无法使用肯定尺寸(px),相对性规格必须使用(em)。 比如: body {font: normal 100% Helvetica, Arial,sans-serif;} 上据以上代码,文字大小是默认设置页面大小的100%,即14清晰度。 3,"自适应网页"的案例:
热度527

了解更多写自适应网页的办法欢迎联系奇岸开发客服。

奇岸开发可定制企业官网小程序、小程序商城、餐饮外卖小程序、预约小程序、多门店小程序、分销小程序及个人小程序。

微信二维码

微信长按识别或扫一扫,无需加好友直接咨询,企业网站开发、网站托管维护、企业管理系统开发、微信小程序制作、域名主机、网站备案、网站改版等提供专业技术解答。

精彩推荐

猜你喜欢