当前位置:首页 > 天道酬勤 > 正文内容

css自适应宽度(css字体样式)

张世龙2021年12月20日 05:30天道酬勤610

H5创建自适应网站时常见的一个问题是,电脑端的页面缩小到手机端的页面内后,找到几栏,一些图像过大,影响美观,这个问题解决了吗?

手机终端最典型的是iphoenplus的最大宽度为414,目前市场占有率最大的大屏幕手机也是如此。 因此,如果屏幕尺寸小于414px,则可以将其写入屏幕下方的所有样式。 为了避免因画面大小不同而导致风格混乱,这里建议写作480px。 现在,您将看到所有基本的手机屏幕。

其次,是隐藏不应该显示在手机画面下方的内容。 例如,不想在手机旁边展示友情链接,也不想展示太大的幻灯片之类的。 均为显示器: none; 这个命令会实现。

@ mediaonlyscreenand (最大宽度:480 px ) {

.福斯特{2}

显示器:无;

}

}

css隐藏内容主要分为三种情况:

所有内容无空白隐藏: display: none;

隐藏溢出的文字和图像: overflow:hidden;

隐藏内容但仍占空间: visibility:hidden;

网站自适应css隐藏是基础知识,隐藏最常见的用途是js的特效展示。

来源:懦弱的白开水博客,欢迎分享

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/25411.html

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。