HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS

我无法准确地说出你希望它如何在你的问题中发挥作用。如果您希望font-size根据浏览器的视图大小动态更改，则可以使用vw单位(请参阅下面的jsfiddle预览和代码示例)。

我使用了你在Pastebin上发布的HTML和CSS，但是我在原始帖子中添加了CSS并进行了编辑。

我的更改：

#NewsPosts {

position: relative;

bottom: 0px;

top: -925px;

width: 45%;

//position: center; changed this to text-align: center (below)

text-align: center;

margin: 0 auto;

//font-size: 20px; changed this to 2vw which is percentage of the viewport width

font-size: 2vw;

margin-left: 10;

margin-right: 10;

text-indent: 5;

}

#DateAndBy {

position: relative;

bottom: 0px;

top: -930px;

//font-size: 30px; changed this to 3vw which is a percentage of viewport width

font-size: 3vw;

margin-left: 10;

margin-right: 10;

text-indent: 5;

}

您的HTML可能存在结构性问题，导致以后的样式更改难以实现，但这似乎基于我可以从您的帖子中收集的信息起作用。

HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS相关推荐

Xcode9 2 编译在iOS8 1 系统上图片显示异常
趁着下载Xcode 9.1 的空隙,在周末的早晨记录一下这个坑,希望能解决相同遭遇同行的困惑. 始因昨天刚发布了适配iPhone X 的最新版本,之所以使用Xcode 9.2打包,是因为早期的适配, ...
为什么手机上明明显示5G信号，却占用4G小区？
为什么手机上明明显示5G信号,却占用4G小区? 参考链接:https://mp.weixin.qq.com/s?__biz=MzIxMzc2OTg0OQ==&mid=2247507989&am ...
Unity+EasyAR4.1.0.811包，实现手机扫描图片显示模型（安卓手机）
文章目录一.关于EasyAR 1.搞Key 2.下载EasyAR包二.Unity项目发布成Android手机apk文件 1.由PC平台切换到Android平台 2.下载并安装AndroidSDK ...
手机上图片的放大缩小处理 touch——zoom
手机上滑动放大缩小图片的处理文件目录 html部分 index.html <!doctype html> <html><head><meta http-eq ...
h5 video 手机上无法显示_怎样把手机上的导航显示在汽车屏幕上
目前安卓或者iOS都支持车载互联功能,如果车机支持相应的功能只需要通过有线或无线方式连接即可:此外,安卓还可以通过MHL线连接到车机的HDMI接口处实现投屏.具体地: 1.如果您的车机支持Androi ...
h5 video 手机上无法显示_手机镜象投屏到电视上全屏显示
手机镜象投屏到电视上全屏显示随着手机投屏被越来越多的人知道,手机镜像投屏到大屏幕不是全屏的问题成为许多人心中的痛.AWIND奇机在2019年就做出了竖屏投屏器可以轻松让手机镜像投屏到大屏幕上为全屏显 ...
微信小程序cover-image手机上不显示问题
微信小程序标签cover-image,在未设置宽高的情况下,在手机上不显示,但是在微信web开发者工具上却显示. 如果我们想使图片宽高比保持一致,是图片不变形,解决方法: 在cover-image标签 ...
解决h5人民币符号在华为等个别手机上不显示
今天同事做h5商城,运行在华为的测试机上发现￥符号没有显示,而在其他大多数手机上都能正常显示,后来发现京东也有这个问题. 我首先想到的是客户机上没有此字体导致,于是百度￥符号是属于什么字体(搜索结果是 ...
微信小程序中会话内消息卡片上的send-message-title在不同手机上的显示问题
问题描述: (1)会话消息的标题在安卓上正常显示(2)在ios上有点儿问题 (未给卡片设置标题,ios上还是会显示,但是安卓上面正常) 解决办法: 把后端返回来的值做个判断. send-m ...

HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS

HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS相关推荐

最新文章

热门文章