求助一个wordpress博客自动适应手机终端的方法

Ruclinux

blink 发表于 2020-4-30 14:47
把浮动注释掉，加最后一行就行了啊

谢谢您的指点，我晚上回去修改，谢谢了

blink

Ruclinux 发表于 2020-4-30 14:48
谢谢您的指点，我晚上回去修改，谢谢了

不用这么客气，水论坛举手之劳而已

Ruclinux

youtonghy 发表于 2020-4-30 14:45
移动桌面分开用两个主题，或者你用下WP-UTF8-Excerpt这个插件限制一下简介字数 ...

不懂怎么分开两个主题，也不想用太多插件，所以就想自己动手折腾，谢谢您的回复

流河旱树

1. .article-container article p {
   
2.     margin: 0;
   
3.     display: block;
   
4.     font-family: "Titillium Web", sans-serif;
   
5.     color: #515151;
   
6.     font-size: 0.983em;
   
7.     line-height: 1.3;
   
8.     margin-top: 3px;
   
9.     overflow-wrap: break-word;
   
10. }
    

复制代码

这一段这样改，删去float:left，然后加 overflow-wrap: break-word

Ruclinux

流河旱树 发表于 2020-4-30 14:59
这一段这样改，删去float:left，然后加 overflow-wrap: break-word

谢谢您的回复指点。

Ruclinux

BlueSkyXN 发表于 2020-4-30 15:04
手动做个移动端定制页面就行了，或者换个带移动端的主题

问题是不会

Ruclinux

首先先谢谢你们了，但是我调试了好久还是没有解决，可以麻烦你们再帮忙看看吗？ 谢谢你们了。   @blink  @流河旱树

我修改了css/framework.css, 其中 width:auto; margin:auto; 是我添加的。

1. 
   
2. html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ width: auto; margin: auto; }
   
3. 
   
4. body { margin: 0 auto; width: auto; }
   
5. 
   
6. .clearfix:after { content: "\00A0"; display: block; width: auto; margin: auto; clear: both; visibility: hidden; line-height: 0; height: 0;}
   
7. 
   
8. html[xmlns] .clearfix { display: block; width: auto; margin: auto;}
   
9. 
   
10. .clearfix { display: block; width: auto; margin: auto; }
    
11. 
    
12. html { font-size: 16px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    
13. /* 这一行还没有修改 */
    

复制代码

接着我修改了style.css，其中 width:auto; margin:auto; 是我添加的。

1. /* Main Content Background Color */
   
2. #main-content {
   
3.   background: #f6f6f6;
   
4.   padding-top: 1px;
   
5.   margin-top: 0px;
   
6.   margin: auto;
   
7.   width: auto;
   
8. 
   
9. .article-container article p {
   
10. /*  float: left; */
    
11.   margin: auto; /* */
    
12.   font-family: "Titillium Web", sans-serif;
    
13.   color: #515151;
    
14.   font-size: 0.983em;
    
15.   line-height: 1.3;
    
16.   margin-top: 3px;
    
17.   word-wrap: break-word;  /*这个是添加的 */
    
18.   overflow-wrap: break-word;  /*这个是添加的 */
    
19. }
    
20. }

复制代码

blink

Ruclinux 发表于 2020-4-30 21:47
首先先谢谢你们了，但是我调试了好久还是没有解决，可以麻烦你们再帮忙看看吗？ 谢谢你们了。    ...

不应该啊，我在你网站上F12测试了的

没问题啊